├── .eslintrc.js ├── .gitattributes ├── .github └── FUNDING.yml ├── .gitignore ├── .prettierrc ├── CHANGELOG.md ├── LICENSE ├── README.md ├── Screens └── Image1.png ├── main.js ├── manifest.json ├── package.json ├── rollup.config.js ├── src ├── AppShortcuts.ts ├── Components │ ├── CommandsList.svelte │ ├── KeyboardComponent.svelte │ ├── KeyboardKey.svelte │ ├── KeyboardLayout.svelte │ ├── SearchMenu.svelte │ ├── activeKeysStore.js │ └── longpress.js ├── Constants.ts ├── Interfaces.ts ├── ShortcutsView.ts ├── main.ts └── obsidian-internals.ts ├── styles.css ├── tsconfig.json └── versions.json /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | parserOptions: { 3 | ecmaVersion: 6, 4 | sourceType: 'module', 5 | ecmaFeatures: { 6 | jsx: true, 7 | }, 8 | }, 9 | parser: '@typescript-eslint/parser', 10 | plugins: ['@typescript-eslint'], 11 | extends: ['prettier/@typescript-eslint', 'plugin:prettier/recommended'], 12 | rules: { 13 | '@typescipt-eslint/interface-name-prefix': ['always'], 14 | 'no-underscore-dangle': 'error', 15 | }, 16 | } 17 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | main.js linguist-vendored -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: cogscides 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry 13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Intellij 2 | *.iml 3 | .idea 4 | 5 | # npm 6 | node_modules 7 | package-lock.json 8 | 9 | # build 10 | # main.js 11 | *.js.map 12 | 13 | # obsidian 14 | data.json 15 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "tabWidth": 2, 3 | "useTabs": false, 4 | "trailingComma": "es5", 5 | "semi": false, 6 | "singleQuote": true, 7 | "bracketSpacing": true, 8 | "proseWrap": "always" 9 | } 10 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | ### []() (2021-11-10) 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Keyboard Analyzer 2 | ![](https://img.shields.io/badge/Windows-Ok-brightgreen) ![](https://img.shields.io/badge/Android-Ok-brightgreen) ![](https://img.shields.io/badge/MacOS-Bugs-red) 3 | --- 4 | 5 | [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/S6S5E6K74) 6 | 7 | --- 8 | 9 | ![image](https://user-images.githubusercontent.com/50235526/208871771-f1feb390-1d4e-4ea4-b2c9-7696b18a2f8f.png) 10 | 11 |
📽️ Features walktrough video 12 |
13 | 14 |
15 | 16 | 17 | ## About 18 | 19 | With this plugin you will be able to: 20 | 21 | - see and analyze all your assigned hotkeys in Obsidian on visual keyboard 22 | layout 23 | - search by key combination 24 | - see custom hotkeys 25 | - see duplicate hotkeys 26 | - highlight featured hotkeys 27 | 28 | ## How to use 29 | 30 | 1. To open plugin you can click on keyboard icon in status bar (to open in a new 31 | pane use `Ctrl + Click`) 32 | 2. To open plugin run command `Keyboard Analyzer: Open Shortcuts View` 33 | 34 | The plugin is poorly tested on operating systems other than Windows, I would be 35 | grateful for any help with testing support. 36 | 37 | ## Installation 38 | 39 | As plugin is not yet published in community plugins library, you will need to install it manually or with 40 | help of [BRAT](https://github.com/TfTHacker/obsidian42-brat) plugin for beta 41 | testing. 42 | 43 | #### Manual Installation 44 | 45 | Download release files `main.js`, `styles.css` and `manifest.json` from the 46 | [releases](https://github.com/cogscides/obsidian-keyboard-analyzer/releases) and 47 | place this files inside 48 | `[YOUR_OBSIDIAN_FOLDER]/.obsidian/.plugins/obsidian-keyboard-analyzer/`. 49 | 50 | #### Beta Testing - BRAT 51 | 52 | 1. Install [BRAT](https://github.com/TfTHacker/obsidian42-brat) plugin 53 | 2. Run command in obsidian: 54 | `Obsidian42 - BRATPlugins: add a beta plugin for testing` 55 | 3. Paste this repository URL: 56 | `https://github.com/cogscides/obsidian-keyboard-analyzer` 57 | 4. Enable `Keyboard Analyzer` plugin in plugins list 58 | 59 | --- 60 | 61 | P.S. This is my first public code in my life - would be happy to get feedback or 62 | a donation which will help me to continue creating this and other plugins for 63 | obsidian. 64 | 65 | --- 66 | 67 | ## Great thanks to the obsidian community: 68 | 69 | - [@SkepticMystic](https://github.com/SkepticMystic) and 70 | [@HEmile](https://github.com/HEmile) for their awesome contribution to Svelte 71 | codebase of [Graph Analysis](https://github.com/SkepticMystic/graph-analysis) 72 | plugin which help me a lot in implementing typescript and code structure in my 73 | plugin 74 | - [@pjeby](https://github.com/pjeby) for code inspiration dealing with obsidian 75 | hotkeys 76 | - [@Fevol](https://github.com/Fevol) for help with implementing hotkey scoping 77 | and friendly support 78 | - davfive#5786 guy from discord for directing me on the way how to deal with 79 | obsidian hotkeys 80 | -------------------------------------------------------------------------------- /Screens/Image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cogscides/obsidian-keyboard-analyzer/30cfa10bb374156e03446bdfc8ffd29659b9b1f9/Screens/Image1.png -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "keyboard-analyzer", 3 | "name": "Keyboard Analyzer", 4 | "version": "0.1.3", 5 | "minAppVersion": "0.12.10", 6 | "description": "See and analyse your keyboard hotkeys and shortcuts", 7 | "author": "cogscides", 8 | "authorUrl": "https://github.com/cogscides", 9 | "isDesktopOnly": false 10 | } 11 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "obsidian-keyboard-analyzer", 3 | "version": "0.1.0", 4 | "description": "Analyse your keyboard shortcuts", 5 | "main": "main.js", 6 | "scripts": { 7 | "dev": "rollup --config rollup.config.js -w", 8 | "build": "rollup --config rollup.config.js --environment BUILD:production", 9 | "release": "standard-version" 10 | }, 11 | "standard-version": { 12 | "t": "" 13 | }, 14 | "keywords": [], 15 | "author": "Cogscides", 16 | "license": "MIT", 17 | "exports": { 18 | "./package.json": "./package.json" 19 | }, 20 | "devDependencies": { 21 | "@rollup/plugin-commonjs": "^18.0.0", 22 | "@rollup/plugin-json": "^4.1.0", 23 | "@rollup/plugin-node-resolve": "^11.2.1", 24 | "@rollup/plugin-typescript": "^8.3.1", 25 | "@types/node": "^14.18.12", 26 | "obsidian": "^0.15.9", 27 | "rollup": "^2.70.1", 28 | "rollup-plugin-ignore": "^1.0.10", 29 | "rollup-plugin-svelte": "^7.1.0", 30 | "sanitize-html": "^2.7.0", 31 | "source-map-js": "^0.6.2", 32 | "svelte": "^3.44.2", 33 | "svelte-check": "^1.6.0", 34 | "svelte-preprocess": "^4.10.4", 35 | "tslib": "^2.3.1", 36 | "typescript": "^4.6.3" 37 | }, 38 | "dependencies": { 39 | "@tsconfig/svelte": "^2.0.1", 40 | "lucide-svelte": "^0.84.0", 41 | "obsidian-community-lib": "^2.0.2", 42 | "standard-version": "^9.3.2", 43 | "svelte-icons": "^2.1.0", 44 | "svelte-use-click-outside": "^1.0.0", 45 | "svelte-watch-resize": "^1.0.3" 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | import commonjs from '@rollup/plugin-commonjs' 2 | import { nodeResolve } from '@rollup/plugin-node-resolve' 3 | import typescript from '@rollup/plugin-typescript' 4 | import svelte from 'rollup-plugin-svelte' 5 | import autoPreprocess from 'svelte-preprocess' 6 | import json from '@rollup/plugin-json' 7 | import ignore from 'rollup-plugin-ignore' 8 | 9 | const isProd = process.env.BUILD === 'production' 10 | 11 | const banner = `/* 12 | THIS IS A GENERATED/BUNDLED FILE BY ROLLUP 13 | if you want to view the source visit the plugins github repository 14 | */ 15 | ` 16 | 17 | export default { 18 | input: 'src/main.ts', 19 | output: { 20 | dir: '.', 21 | sourcemap: 'inline', 22 | sourcemapExcludeSources: isProd, 23 | format: 'cjs', 24 | exports: 'default', 25 | banner, 26 | }, 27 | external: ['obsidian'], 28 | plugins: [ 29 | ignore(['path', 'url'], { commonjsBugFix: true }), 30 | commonjs({ 31 | include: ['node_modules/**'], 32 | }), 33 | json({ 34 | compact: true, 35 | }), 36 | svelte({ 37 | emitCss: false, 38 | preprocess: autoPreprocess(), 39 | }), 40 | typescript(), 41 | nodeResolve({ browser: true }), 42 | ], 43 | } 44 | -------------------------------------------------------------------------------- /src/AppShortcuts.ts: -------------------------------------------------------------------------------- 1 | import type { Command, Hotkey, Modifier, App } from 'obsidian' 2 | import { Platform } from 'obsidian' 3 | import type { EntryType } from 'perf_hooks' 4 | import type { hotkeyDict, hotkeyEntry } from 'src/Interfaces' 5 | 6 | export function getHotkeysV2(app: App) { 7 | // app.hotkeyManager.bake() 8 | let hotKeyDict: hotkeyDict = {} as hotkeyDict 9 | 10 | const hkm = app.hotkeyManager 11 | 12 | Object.entries(app.commands.commands).forEach(([id, command]) => { 13 | let isBuiltInCommand = command.name.split(':').length === 1 14 | let pluginName: string = isBuiltInCommand 15 | ? command.id.charAt(0).toUpperCase() + command.id.split(':')[0].slice(1) 16 | : command.name.split(':', 2)[0] 17 | let cmdName: string = isBuiltInCommand 18 | ? command.name 19 | : // split by ":" remove the first element (plugin name) and join with ":" 20 | command.name.split(':').slice(1).join(':') 21 | let hotkeys: Hotkey[] = (hkm.getHotkeys(command.id) || 22 | hkm.getDefaultHotkeys(command.id) || 23 | []) as Hotkey[] 24 | 25 | // function to prepare hotkey object 26 | function prepareHotkey(hotkey: Hotkey) { 27 | let hotkeyObj: hotkeyEntry = {} as hotkeyEntry 28 | if (hotkey.modifiers) { 29 | hotkeyObj.modifiers = hotkey.modifiers 30 | hotkeyObj.backedModifiers = getConvertedModifiers( 31 | hotkey.modifiers 32 | ).join(',') 33 | } 34 | hotkeyObj.key = hotkey.key 35 | hotkeyObj.isCustom = isCustomizedHotkey(id, hotkey, app) 36 | 37 | return hotkeyObj 38 | } 39 | 40 | // assign hotkey to hotkeyDict 41 | hotkeys.forEach((hotkey) => { 42 | let hotkeyObj = prepareHotkey(hotkey) 43 | if (!hotKeyDict[id]) { 44 | hotKeyDict[id] = { 45 | id, 46 | pluginName, 47 | cmdName, 48 | hotkeys: [hotkeyObj], 49 | } 50 | } else { 51 | hotKeyDict[id].hotkeys.push(hotkeyObj) 52 | } 53 | }) 54 | }) 55 | return hotKeyDict 56 | } 57 | 58 | export function getCommandNameById(id: string, app: App) { 59 | let cmd = app.commands.commands[id] 60 | if (cmd) { 61 | return cmd.name as string 62 | } 63 | return '' 64 | } 65 | 66 | // check if hotkey is Customized 67 | // app.hotkeyManager.customKeys store all custom hotkeys 68 | // if reassigned return true 69 | // https://forum.obsidian.md/t/dataviewjs-snippet-showcase/17847/37 70 | export function isCustomizedHotkey(id: string, hotkey: Hotkey, app: App) { 71 | let isCustom: boolean = false 72 | let customKeys = app.hotkeyManager.customKeys[id] 73 | let defaultKeys = app.hotkeyManager.getDefaultHotkeys(id) 74 | 75 | if (customKeys) { 76 | for (let customHotkey of customKeys) { 77 | // compare arrays of modifiers, all modifiers must be the same 78 | if ( 79 | customHotkey.modifiers.length === hotkey.modifiers.length && 80 | customHotkey.modifiers.every((modifier, index) => { 81 | return modifier === hotkey.modifiers[index] 82 | }) && 83 | customHotkey.key === hotkey.key 84 | ) { 85 | isCustom = true 86 | } else { 87 | isCustom = false 88 | } 89 | } 90 | } 91 | 92 | // check if hotkey is default 93 | if (defaultKeys !== undefined) { 94 | for (let defaultHotkey of defaultKeys) { 95 | if ( 96 | defaultHotkey.modifiers.length === hotkey.modifiers.length && 97 | defaultHotkey.modifiers.every((modifier, index) => { 98 | return modifier === hotkey.modifiers[index] 99 | }) && 100 | defaultHotkey.key === hotkey.key 101 | ) { 102 | isCustom = false 103 | } else { 104 | isCustom = true 105 | } 106 | } 107 | } else if (defaultKeys === undefined) { 108 | isCustom = true 109 | } 110 | return isCustom 111 | } 112 | 113 | // return true if hotkey duplicated with other hotkey 114 | export function isHotkeyDuplicate(commandID: string, hotkey: Hotkey) { 115 | let isDuplicate = false 116 | let commands = getHotkeysV2(app) 117 | for (let command of Object.entries(commands)) { 118 | let currentCommandID = command[0] 119 | let currentHotkeys = command[1].hotkeys 120 | 121 | if (currentCommandID !== commandID) { 122 | for (let currentHotkey of currentHotkeys) { 123 | if ( 124 | currentHotkey.key === hotkey.key && 125 | currentHotkey.modifiers.length === hotkey.modifiers.length && 126 | currentHotkey.modifiers.every((modifier, index) => { 127 | return modifier === hotkey.modifiers[index] 128 | }) 129 | ) { 130 | isDuplicate = true 131 | } 132 | } 133 | } 134 | } 135 | 136 | return isDuplicate 137 | } 138 | 139 | export function getConvertedModifiers(modifiers: Modifier[]) { 140 | let convertedModifiers = modifiers.map((modifier: Modifier) => { 141 | if (modifier === 'Mod') { 142 | // check macos 143 | if (Platform.isMacOS === true) { 144 | return 'Cmd' 145 | } else { 146 | return 'Ctrl' 147 | } 148 | } 149 | if (modifier === 'Meta') { 150 | // check macos 151 | if (Platform.isMacOS === true) { 152 | return 'Cmd' 153 | } else { 154 | return 'Win' 155 | } 156 | } 157 | return modifier 158 | }) 159 | return convertedModifiers as string[] 160 | } 161 | 162 | // unconvert modifier to OS specific modifier, check which OS is running 163 | // e.g. 'Ctrl' -> 'Mod' on Windows, 'Cmd' on Mac 164 | // Mod = Cmd on MacOS and Ctrl on other OS 165 | // Ctrl = Ctrl key for every OS 166 | // Meta = Cmd on MacOS and Win key on other OS 167 | export function getUnconvertedModifiers(modifiers: Modifier[]) { 168 | let unconvertedModifiers: Modifier[] = modifiers.map((modifier: string) => { 169 | if (modifier === 'Ctrl') { 170 | return 'Ctrl' 171 | } 172 | if (modifier === 'Cmd' && Platform.isMacOS === true) { 173 | return 'Mod' 174 | } 175 | if (modifier === 'Win') { 176 | return 'Meta' 177 | } 178 | if (modifier === 'Cmd' && Platform.isMacOS === true) { 179 | return 'Meta' 180 | } 181 | }) 182 | return unconvertedModifiers as string[] 183 | } 184 | 185 | // sort modifiers 186 | export function sortModifiers(modifiers: Modifier[] | string[]) { 187 | let sortedModifiers = modifiers.sort((a: String, b: String) => { 188 | if (a === 'Mod') { 189 | return -1 190 | } 191 | if (b === 'Mod') { 192 | return 1 193 | } 194 | if (a === 'Meta') { 195 | return -1 196 | } 197 | if (b === 'Meta') { 198 | return 1 199 | } 200 | if (a === 'Ctrl') { 201 | return -1 202 | } 203 | if (b === 'Ctrl') { 204 | return 1 205 | } 206 | if (a === 'Alt') { 207 | return -1 208 | } 209 | if (b === 'Alt') { 210 | return 1 211 | } 212 | if (a === 'Shift') { 213 | return -1 214 | } 215 | if (b === 'Shift') { 216 | return 1 217 | } 218 | }) 219 | return sortedModifiers as Modifier[] 220 | } 221 | 222 | // bake Hotkey.modifiers to string 223 | export function bakeModifierToString( 224 | modifiers: string[], 225 | sort: boolean = true 226 | ) { 227 | if (sort) { 228 | modifiers = sortModifiers(modifiers) 229 | } 230 | let bakedModifiers: string = modifiers 231 | .map((modifier: Modifier) => { 232 | let bakedModifier = getConvertedModifiers([modifier])[0] 233 | return bakedModifier 234 | }) 235 | .join(' + ') 236 | 237 | return bakedModifiers 238 | } 239 | 240 | // function to convert string modifiers to array of modifiers 241 | export function unbakeModifiersToArray( 242 | modifiers: string, 243 | delimiter: string = ',' 244 | ) { 245 | let modifiersArray: Modifier[] = modifiers.split(delimiter) as Modifier[] 246 | return modifiersArray 247 | } 248 | 249 | // prepare modifiers to display in the UI: sort, convert to OS specific 250 | export function prepareModifiersString(modifiers: string[]) { 251 | if (modifiers.length) { 252 | return '' 253 | } else { 254 | return getConvertedModifiers(sortModifiers(modifiers)).join(' + ') + ' + ' 255 | } 256 | } 257 | -------------------------------------------------------------------------------- /src/Components/CommandsList.svelte: -------------------------------------------------------------------------------- 1 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
57 |
58 | {#each visibleCommands as cmdEntry (cmdEntry.id)} 59 |
63 | 64 | 65 |
66 |
67 | 68 | {cmdEntry.pluginName} 69 | 70 | {cmdEntry.cmdName} 71 |
{ 74 | dispatch('star-clicked', cmdEntry.id) 75 | }} 76 | > 77 | 78 |
79 |
80 | {#if settings.filterSettings.DisplayIDs} 81 | 82 | {cmdEntry.id} 83 | 84 | {/if} 85 |
86 |
87 |
88 | {#each cmdEntry.hotkeys as hotkey} 89 | {#if isHotkeyDuplicate(cmdEntry.id, hotkey)} 90 | dispatch('duplicate-hotkey-clicked', hotkey)} 95 | >{renderHotkey(hotkey)} 97 | {:else} 98 | {renderHotkey(hotkey)} 104 | {/if} 105 | {/each} 106 |
107 |
108 |
109 | {/each} 110 |
111 |
112 | -------------------------------------------------------------------------------- /src/Components/KeyboardComponent.svelte: -------------------------------------------------------------------------------- 1 | 392 | 393 |
{ 399 | app.keymap.pushScope(view_scope) 400 | }} 401 | on:mouseleave={() => { 402 | app.keymap.popScope(view_scope) 403 | }} 404 | > 405 |
406 | 411 |
412 |
413 | 414 | 425 | 426 | 433 |
434 |
435 | 436 | 438 | -------------------------------------------------------------------------------- /src/Components/KeyboardKey.svelte: -------------------------------------------------------------------------------- 1 | 35 | 36 | {#if keyLabel === 'empty'} 37 |
41 | {:else} 42 |
52 | {@html unicode && unicode !== '' ? unicode : keyLabel} 53 |
54 | {/if} 55 | 56 | 58 | -------------------------------------------------------------------------------- /src/Components/KeyboardLayout.svelte: -------------------------------------------------------------------------------- 1 | 247 | 248 |
249 | {#each KeyboardObject as Section} 250 |
251 | {#each Section.rows as Row} 252 | {#each Row as Key} 253 | 265 | 266 | {/each} 267 | {/each} 268 |
269 | {/each} 270 |
window.open('https://ko-fi.com/S6S5E6K74', '_blank')} 273 | > 274 |
275 | 276 |
277 | Donate 278 |
279 |
280 | 281 | {@debug KeyboardStateDict} 282 | 283 | 310 | -------------------------------------------------------------------------------- /src/Components/SearchMenu.svelte: -------------------------------------------------------------------------------- 1 | 198 | 199 |
200 | 201 |
202 |
203 | {#if $activeModifiers.length > 0 || $activeKey !== null} 204 | {#each sortModifiers($activeModifiers) as modifier} 205 | { 210 | $activeModifiers = $activeModifiers.filter( 211 | (activeModifier) => activeModifier !== modifier 212 | ) 213 | inputHTML.focus() 214 | }}>{modifier} 216 | {/each} 217 | {#if $activeKey !== ''} 218 | ($activeKey = '')} 224 | >{$activeKey in SpecialSymbols 225 | ? SpecialSymbols[$activeKey] 226 | : $activeKey.length === 1 227 | ? $activeKey.toUpperCase() 228 | : $activeKey} 229 | 230 | {/if} 231 | {/if} 232 |
233 |
234 | (inputIsFocused = true)} 240 | on:blur={() => (inputIsFocused = false)} 241 | /> 242 |
243 | 244 |
{ 254 | inputHTML.focus() 255 | keyboardListenerIsActive = true 256 | }} 257 | on:longpress-end={() => { 258 | keyboardListenerIsActive = false 259 | }} 260 | > 261 | 262 |
263 | 266 |
267 | 268 |
269 | 270 |
271 |
272 |
273 | 284 | {#if filterIsOpen} 285 |
287 | // await timeout 40ms 288 | setTimeout(() => { 289 | if (filterIsOpen) { 290 | filterIsOpen = false 291 | } 292 | }, 40)} 293 | transition:slide 294 | class="popup-filter-menu-container {filterIsOpen ? 'is-open' : ''}" 295 | > 296 |
297 | 313 | 331 | 350 | 370 | 389 |
390 | 391 | 393 | {/if} 394 | 395 | 396 | 397 |
402 | {#if searchCommandsCount !== 0} 403 | 404 | {searchHotkeysCount} keys | {searchCommandsCount} cmds 405 | 406 | {:else if searchCommandsCount === 0} 407 | Hotkeys not found 408 | {/if} 409 |
410 | 418 |
419 | -------------------------------------------------------------------------------- /src/Components/activeKeysStore.js: -------------------------------------------------------------------------------- 1 | import { writable } from 'svelte/store' 2 | 3 | export const activeKey = writable('') 4 | export const activeModifiers = writable([]) 5 | -------------------------------------------------------------------------------- /src/Components/longpress.js: -------------------------------------------------------------------------------- 1 | export function longpress(node, duration) { 2 | let timer 3 | 4 | const handleMousedown = () => { 5 | timer = setTimeout(() => { 6 | node.dispatchEvent(new CustomEvent('longpress-start')) 7 | }, duration) 8 | } 9 | 10 | const handleMouseup = () => { 11 | if (!timer) { 12 | node.dispatchEvent(new CustomEvent('longpress-end')) 13 | } else { 14 | clearTimeout(timer) 15 | } 16 | } 17 | 18 | node.addEventListener('mousedown', handleMousedown) 19 | node.addEventListener('mouseup', handleMouseup) 20 | 21 | return { 22 | update(newDuration) { 23 | duration = newDuration 24 | }, 25 | destroy() { 26 | node.removeEventListener('mousedown', handleMousedown) 27 | node.removeEventListener('mouseup', handleMouseup) 28 | }, 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/Constants.ts: -------------------------------------------------------------------------------- 1 | import type { 2 | PluginSettings, 3 | FilterSettings, 4 | KeyboardSection, 5 | } from 'src/Interfaces' 6 | export const VIEW_TYPE_SHORTCUTS_ANALYZER = 'keyboard-shortcuts-visualization' 7 | 8 | export const DEFAULT_FILTER_SETTINGS: FilterSettings = { 9 | FeaturedFirst: false, 10 | StrictSearch: false, 11 | HighlightCustom: false, 12 | HighlightDuplicates: false, 13 | DisplayWOhotkeys: false, 14 | DisplayIDs: false, 15 | } 16 | 17 | export const DEFAULT_PLUGIN_SETTINGS: PluginSettings = { 18 | showStatusBarItem: true, 19 | filterSettings: DEFAULT_FILTER_SETTINGS, 20 | featuredCommandIDs: [], 21 | } 22 | 23 | export const mainSectionQwerty: KeyboardSection = { 24 | name: 'main', 25 | gridRatio: 3.75, 26 | rows: [ 27 | [ 28 | { 29 | label: 'Escape', 30 | tryUnicode: true, 31 | }, 32 | { 33 | label: 'empty', 34 | width: 1, 35 | }, 36 | { 37 | label: 'F1', 38 | }, 39 | { 40 | label: 'F2', 41 | }, 42 | { 43 | label: 'F3', 44 | }, 45 | { 46 | label: 'F4', 47 | }, 48 | { 49 | label: 'empty', 50 | width: 0.5, 51 | }, 52 | { 53 | label: 'F5', 54 | }, 55 | { 56 | label: 'F6', 57 | }, 58 | { 59 | label: 'F7', 60 | }, 61 | { 62 | label: 'empty', 63 | width: 0.5, 64 | }, 65 | { 66 | label: 'F8', 67 | }, 68 | { 69 | label: 'F9', 70 | }, 71 | { 72 | label: 'F10', 73 | }, 74 | { 75 | label: 'F11', 76 | }, 77 | { 78 | label: 'F12', 79 | }, 80 | ], 81 | [ 82 | { 83 | label: '`', 84 | }, 85 | { 86 | label: '1', 87 | }, 88 | { 89 | label: '2', 90 | }, 91 | { 92 | label: '3', 93 | }, 94 | { 95 | label: '4', 96 | }, 97 | { 98 | label: '5', 99 | }, 100 | { 101 | label: '6', 102 | }, 103 | { 104 | label: '7', 105 | }, 106 | { 107 | label: '8', 108 | }, 109 | { 110 | label: '9', 111 | }, 112 | { 113 | label: '0', 114 | }, 115 | { 116 | label: '-', 117 | }, 118 | { 119 | label: '=', 120 | }, 121 | { 122 | label: 'Backspace', 123 | fontSize: 'small', 124 | caps: 'all-small-caps', 125 | width: 2, 126 | }, 127 | ], 128 | [ 129 | { 130 | label: 'Tab', 131 | fontSize: 'small', 132 | caps: 'all-small-caps', 133 | width: 1.5, 134 | }, 135 | { 136 | label: 'Q', 137 | }, 138 | { 139 | label: 'W', 140 | }, 141 | { 142 | label: 'E', 143 | }, 144 | { 145 | label: 'R', 146 | }, 147 | { 148 | label: 'T', 149 | }, 150 | { 151 | label: 'Y', 152 | }, 153 | { 154 | label: 'U', 155 | }, 156 | { 157 | label: 'I', 158 | }, 159 | { 160 | label: 'O', 161 | }, 162 | { 163 | label: 'P', 164 | }, 165 | { 166 | label: '[', 167 | }, 168 | { 169 | label: ']', 170 | }, 171 | { 172 | label: '\\', 173 | width: 1.5, 174 | }, 175 | ], 176 | [ 177 | { 178 | label: 'CapsLock', 179 | fontSize: 'small', 180 | caps: 'all-small-caps', 181 | tryUnicode: true, 182 | width: 1.75, 183 | }, 184 | { 185 | label: 'A', 186 | }, 187 | { 188 | label: 'S', 189 | }, 190 | { 191 | label: 'D', 192 | }, 193 | { 194 | label: 'F', 195 | }, 196 | { 197 | label: 'G', 198 | }, 199 | { 200 | label: 'H', 201 | }, 202 | { 203 | label: 'J', 204 | }, 205 | { 206 | label: 'K', 207 | }, 208 | { 209 | label: 'L', 210 | }, 211 | { 212 | label: ';', 213 | }, 214 | { 215 | label: "'", 216 | }, 217 | { 218 | label: 'Enter', 219 | fontSize: 'small', 220 | caps: 'all-small-caps', 221 | width: 2.25, 222 | }, 223 | ], 224 | [ 225 | { 226 | label: 'Shift', 227 | fontSize: 'small', 228 | caps: 'all-small-caps', 229 | tryUnicode: true, 230 | width: 2, 231 | }, 232 | { 233 | label: 'Z', 234 | }, 235 | { 236 | label: 'X', 237 | }, 238 | { 239 | label: 'C', 240 | }, 241 | { 242 | label: 'V', 243 | }, 244 | { 245 | label: 'B', 246 | }, 247 | { 248 | label: 'N', 249 | }, 250 | { 251 | label: 'M', 252 | }, 253 | { 254 | label: ',', 255 | }, 256 | { 257 | label: '.', 258 | }, 259 | { 260 | label: '/', 261 | }, 262 | { 263 | label: 'Shift', 264 | fontSize: 'small', 265 | caps: 'all-small-caps', 266 | width: 3, 267 | tryUnicode: true, 268 | }, 269 | ], 270 | [ 271 | { 272 | label: 'Control', 273 | fontSize: 'small', 274 | tryUnicode: true, 275 | caps: 'all-small-caps', 276 | width: 1.5, 277 | }, 278 | { 279 | label: 'Meta', 280 | tryUnicode: true, 281 | fontSize: 'small', 282 | width: 1.5, 283 | }, 284 | { 285 | label: 'Alt', 286 | tryUnicode: true, 287 | fontSize: 'small', 288 | caps: 'all-small-caps', 289 | width: 1.5, 290 | }, 291 | { 292 | label: ' ', 293 | width: 6, 294 | tryUnicode: true, 295 | }, 296 | { 297 | label: 'Alt', 298 | fontSize: 'small', 299 | caps: 'all-small-caps', 300 | width: 1.5, 301 | }, 302 | { 303 | label: 'Meta', 304 | fontSize: 'small', 305 | caps: 'all-small-caps', 306 | width: 1.5, 307 | }, 308 | { 309 | label: 'Control', 310 | fontSize: 'small', 311 | caps: 'all-small-caps', 312 | width: 1.5, 313 | }, 314 | ], 315 | ], 316 | } 317 | 318 | // keyboard layout for other keys and cursor keys 319 | export const keyboardOther: KeyboardSection = { 320 | name: 'other', 321 | gridRatio: 0.75, 322 | rows: [ 323 | [ 324 | { 325 | label: 'empty', 326 | }, 327 | { 328 | label: 'empty', 329 | }, 330 | { 331 | label: 'empty', 332 | }, 333 | ], 334 | [ 335 | { 336 | label: 'Insert', 337 | smallText: true, 338 | tryUnicode: true, 339 | }, 340 | { 341 | label: 'Home', 342 | smallText: true, 343 | }, 344 | { 345 | label: 'PageUp', 346 | smallText: true, 347 | tryUnicode: true, 348 | }, 349 | ], 350 | [ 351 | { 352 | label: 'Delete', 353 | tryUnicode: true, 354 | smallText: true, 355 | }, 356 | { 357 | label: 'End', 358 | smallText: true, 359 | }, 360 | { 361 | label: 'PageDown', 362 | tryUnicode: true, 363 | smallText: true, 364 | }, 365 | ], 366 | [ 367 | { 368 | label: 'empty', 369 | }, 370 | { 371 | label: 'empty', 372 | }, 373 | { 374 | label: 'empty', 375 | }, 376 | ], 377 | [ 378 | { 379 | label: 'empty', 380 | }, 381 | { 382 | label: 'ArrowUp', 383 | tryUnicode: true, 384 | }, 385 | { 386 | label: 'empty', 387 | }, 388 | ], 389 | [ 390 | { 391 | label: 'ArrowLeft', 392 | tryUnicode: true, 393 | }, 394 | { 395 | label: 'ArrowDown', 396 | tryUnicode: true, 397 | }, 398 | { 399 | label: 'ArrowRight', 400 | tryUnicode: true, 401 | }, 402 | ], 403 | ], 404 | } 405 | 406 | // keyboard layout in rows for number pad 407 | export const keyboardNum: KeyboardSection = { 408 | name: 'num', 409 | gridRatio: 1, 410 | rows: [ 411 | [ 412 | { 413 | label: 'empty', 414 | }, 415 | { 416 | label: 'empty', 417 | }, 418 | { 419 | label: 'empty', 420 | }, 421 | { 422 | label: 'empty', 423 | }, 424 | ], 425 | [ 426 | { 427 | label: 'NumLock', 428 | tryUnicode: true, 429 | }, 430 | { 431 | label: '/', 432 | }, 433 | { 434 | label: '*', 435 | }, 436 | { 437 | label: '-', 438 | }, 439 | { 440 | label: 'Numpad7', 441 | strictCode: true, 442 | tryUnicode: true, 443 | }, 444 | ], 445 | [ 446 | { 447 | label: 'Numpad8', 448 | strictCode: true, 449 | tryUnicode: true, 450 | }, 451 | { 452 | label: 'Numpad9', 453 | strictCode: true, 454 | tryUnicode: true, 455 | }, 456 | { 457 | label: '+', 458 | height: 2, 459 | }, 460 | ], 461 | [ 462 | { 463 | label: 'Numpad4', 464 | strictCode: true, 465 | tryUnicode: true, 466 | }, 467 | { 468 | label: 'Numpad5', 469 | strictCode: true, 470 | tryUnicode: true, 471 | }, 472 | { 473 | label: 'Numpad6', 474 | strictCode: true, 475 | tryUnicode: true, 476 | }, 477 | ], 478 | [ 479 | { 480 | label: 'Numpad1', 481 | strictCode: true, 482 | tryUnicode: true, 483 | }, 484 | { 485 | label: 'Numpad2', 486 | strictCode: true, 487 | tryUnicode: true, 488 | }, 489 | { 490 | label: 'Numpad3', 491 | strictCode: true, 492 | tryUnicode: true, 493 | }, 494 | { 495 | label: 'Enter', 496 | height: 2, 497 | // tryUnicode: true, 498 | }, 499 | ], 500 | [ 501 | { 502 | label: 'Numpad0', 503 | strictCode: true, 504 | tryUnicode: true, 505 | width: 2, 506 | }, 507 | { 508 | label: '.', 509 | }, 510 | ], 511 | ], 512 | } 513 | 514 | export const SpecialSymbols: { 515 | [key: string]: string 516 | } = { 517 | Command: '⌘', 518 | Option: '⌥', 519 | ArrowLeft: '←', 520 | ArrowUp: '↑', 521 | ArrowRight: '→', 522 | ArrowDown: '↓', 523 | Space: '⎵', 524 | ' ': '⎵', 525 | } 526 | 527 | // https://www.toptal.com/developers/keycode/table-of-all-keycodes 528 | export const JavaSciptKeyCodes: { 529 | [KeyCode: number]: { Key: string; Code: string; Unicode?: string } 530 | } = { 531 | 3: { 532 | Key: 'Cancel', 533 | Code: 'Pause', 534 | }, 535 | 8: { 536 | Key: 'Backspace', 537 | Code: 'Backspace', 538 | Unicode: '⌫', 539 | }, 540 | 9: { 541 | Key: 'Tab', 542 | Code: 'Tab', 543 | Unicode: '⇥', 544 | }, 545 | 12: { 546 | Key: 'Clear', 547 | Code: 'NumLock', 548 | Unicode: '⌧', 549 | }, 550 | 13: { 551 | Key: 'Enter', 552 | Code: 'Enter', 553 | Unicode: '⏎', 554 | }, 555 | 16: { 556 | Key: 'Shift', 557 | Code: 'ShiftLeft', 558 | Unicode: '⇧', 559 | }, 560 | 17: { 561 | Key: 'Control', 562 | Code: 'ControlLeft', 563 | Unicode: 'Ctrl', 564 | }, 565 | 18: { 566 | Key: 'Alt', 567 | Code: 'AltLeft', 568 | }, 569 | 19: { 570 | Key: 'Pause', 571 | Code: 'Pause', 572 | }, 573 | 20: { 574 | Key: 'CapsLock', 575 | Code: 'CapsLock', 576 | Unicode: '⇪', 577 | }, 578 | 27: { 579 | Key: 'Escape', 580 | Code: 'Escape', 581 | Unicode: 'Esc', 582 | }, 583 | 32: { 584 | Key: ' ', 585 | Code: 'Space', 586 | Unicode: '⎵', 587 | }, 588 | 33: { 589 | Key: 'PageUp', 590 | Code: 'Numpad9', 591 | Unicode: 'Page
Up', 592 | }, 593 | 34: { 594 | Key: 'PageDown', 595 | Code: 'Numpad3', 596 | Unicode: 'Page
Down', 597 | }, 598 | 35: { 599 | Key: 'End', 600 | Code: 'Numpad1', 601 | Unicode: '⇢', 602 | }, 603 | 36: { 604 | Key: 'Home', 605 | Code: 'Numpad7', 606 | Unicode: '⌂', 607 | }, 608 | 37: { 609 | Key: 'ArrowLeft', 610 | Code: 'ArrowLeft', 611 | Unicode: '←', 612 | }, 613 | 38: { 614 | Key: 'ArrowUp', 615 | Code: 'ArrowUp', 616 | Unicode: '↑', 617 | }, 618 | 39: { 619 | Key: 'ArrowRight', 620 | Code: 'ArrowRight', 621 | Unicode: '→', 622 | }, 623 | 40: { 624 | Key: 'ArrowDown', 625 | Code: 'ArrowDown', 626 | Unicode: '↓', 627 | }, 628 | 44: { 629 | Key: 'F13', 630 | Code: 'F13', 631 | Unicode: '⎙', 632 | }, 633 | 45: { 634 | Key: 'Insert', 635 | Code: 'Numpad0', 636 | Unicode: 'Ins', 637 | }, 638 | 46: { 639 | Key: 'Delete', 640 | Code: 'NumpadDecimal', 641 | Unicode: 'Del', 642 | }, 643 | 48: { 644 | Key: '0', 645 | Code: 'Digit0', 646 | Unicode: '0', 647 | }, 648 | 49: { 649 | Key: '1', 650 | Code: 'Digit1', 651 | Unicode: '1', 652 | }, 653 | 50: { 654 | Key: '2', 655 | Code: 'Digit2', 656 | Unicode: '2', 657 | }, 658 | 51: { 659 | Key: '3', 660 | Code: 'Digit3', 661 | Unicode: '3', 662 | }, 663 | 52: { 664 | Key: '4', 665 | Code: 'Digit4', 666 | Unicode: '4', 667 | }, 668 | 53: { 669 | Key: '5', 670 | Code: 'Digit5', 671 | Unicode: '5', 672 | }, 673 | 674 | 54: { 675 | Key: '6', 676 | Code: 'Digit6', 677 | Unicode: '6', 678 | }, 679 | 55: { 680 | Key: '7', 681 | Code: 'Digit7', 682 | Unicode: '7', 683 | }, 684 | 56: { 685 | Key: '8', 686 | Code: 'Digit8', 687 | Unicode: '8', 688 | }, 689 | 57: { 690 | Key: '9', 691 | Code: 'Digit9', 692 | Unicode: '9', 693 | }, 694 | 58: { 695 | Key: ':', 696 | Code: 'Period', 697 | }, 698 | 59: { 699 | Key: ';', 700 | Code: 'Semicolon', 701 | }, 702 | 60: { 703 | Key: '<', 704 | Code: 'Backquote', 705 | }, 706 | // 61: { 707 | // Key: '=', 708 | // Code: 'Equal', 709 | // }, // firefox 710 | 63: { 711 | Key: 'ß', 712 | Code: 'Minus', 713 | }, 714 | 65: { 715 | Key: 'a', 716 | Code: 'KeyA', 717 | }, 718 | 66: { 719 | Key: 'b', 720 | Code: 'KeyB', 721 | }, 722 | 67: { 723 | Key: 'c', 724 | Code: 'KeyC', 725 | }, 726 | 68: { 727 | Key: 'd', 728 | Code: 'KeyD', 729 | }, 730 | 69: { 731 | Key: 'e', 732 | Code: 'KeyE', 733 | }, 734 | 70: { 735 | Key: 'f', 736 | Code: 'KeyF', 737 | }, 738 | 71: { 739 | Key: 'g', 740 | Code: 'KeyG', 741 | }, 742 | 72: { 743 | Key: 'h', 744 | Code: 'KeyH', 745 | }, 746 | 73: { 747 | Key: 'i', 748 | Code: 'KeyI', 749 | }, 750 | 74: { 751 | Key: 'j', 752 | Code: 'KeyJ', 753 | }, 754 | 75: { 755 | Key: 'k', 756 | Code: 'KeyK', 757 | }, 758 | 76: { 759 | Key: 'l', 760 | Code: 'KeyL', 761 | }, 762 | 77: { 763 | Key: 'm', 764 | Code: 'KeyM', 765 | }, 766 | 78: { 767 | Key: 'n', 768 | Code: 'KeyN', 769 | }, 770 | 79: { 771 | Key: 'o', 772 | Code: 'KeyO', 773 | }, 774 | 80: { 775 | Key: 'p', 776 | Code: 'KeyP', 777 | }, 778 | 81: { 779 | Key: 'q', 780 | Code: 'KeyQ', 781 | }, 782 | 82: { 783 | Key: 'r', 784 | Code: 'KeyR', 785 | }, 786 | 83: { 787 | Key: 's', 788 | Code: 'KeyS', 789 | }, 790 | 84: { 791 | Key: 't', 792 | Code: 'KeyT', 793 | }, 794 | 85: { 795 | Key: 'u', 796 | Code: 'KeyU', 797 | }, 798 | 86: { 799 | Key: 'v', 800 | Code: 'KeyV', 801 | }, 802 | 87: { 803 | Key: 'w', 804 | Code: 'KeyW', 805 | }, 806 | 88: { 807 | Key: 'x', 808 | Code: 'KeyX', 809 | }, 810 | 89: { 811 | Key: 'y', 812 | Code: 'KeyY', 813 | }, 814 | 90: { 815 | Key: 'z', 816 | Code: 'KeyZ', 817 | }, 818 | 91: { 819 | Key: 'Meta', 820 | Code: 'MetaLeft', 821 | }, 822 | 92: { 823 | Key: 'Meta', 824 | Code: 'MetaRight', 825 | }, 826 | 93: { 827 | Key: 'ContextMenu', 828 | Code: 'ContextMenu', 829 | }, 830 | 96: { 831 | Key: '0', 832 | Code: 'Numpad0', 833 | Unicode: '0', 834 | }, 835 | 97: { 836 | Key: '1', 837 | Code: 'Numpad1', 838 | Unicode: '1', 839 | }, 840 | 98: { 841 | Key: '2', 842 | Code: 'Numpad2', 843 | Unicode: '2', 844 | }, 845 | 99: { 846 | Key: '3', 847 | Code: 'Numpad3', 848 | Unicode: '3', 849 | }, 850 | 100: { 851 | Key: '4', 852 | Code: 'Numpad4', 853 | Unicode: '4', 854 | }, 855 | 101: { 856 | Key: '5', 857 | Code: 'Numpad5', 858 | Unicode: '5', 859 | }, 860 | 102: { 861 | Key: '6', 862 | Code: 'Numpad6', 863 | Unicode: '6', 864 | }, 865 | 103: { 866 | Key: '7', 867 | Code: 'Numpad7', 868 | Unicode: '8', 869 | }, 870 | 104: { 871 | Key: '8', 872 | Code: 'Numpad8', 873 | Unicode: '8', 874 | }, 875 | 105: { 876 | Key: '9', 877 | Code: 'Numpad9', 878 | Unicode: '9', 879 | }, 880 | 106: { 881 | Key: '*', 882 | Code: 'NumpadMultiply', 883 | Unicode: '×', 884 | }, 885 | 107: { 886 | Key: '+', 887 | Code: 'NumpadAdd', 888 | }, 889 | 108: { 890 | Key: ',', 891 | Code: 'NumpadDecimal', 892 | }, 893 | 109: { 894 | Key: '-', 895 | Code: 'NumpadSubtract', 896 | }, 897 | 110: { 898 | Key: '.', 899 | Code: 'NumpadDecimal', 900 | }, 901 | 111: { 902 | Key: '/', 903 | Code: 'NumpadDivide', 904 | }, 905 | 112: { 906 | Key: 'F1', 907 | Code: 'F1', 908 | }, 909 | 113: { 910 | Key: 'F2', 911 | Code: 'F2', 912 | }, 913 | 114: { 914 | Key: 'F3', 915 | Code: 'F3', 916 | }, 917 | 115: { 918 | Key: 'F4', 919 | Code: 'F4', 920 | }, 921 | 116: { 922 | Key: 'F5', 923 | Code: 'F5', 924 | }, 925 | 117: { 926 | Key: 'F6', 927 | Code: 'F6', 928 | }, 929 | 118: { 930 | Key: 'F7', 931 | Code: 'F7', 932 | }, 933 | 119: { 934 | Key: 'F8', 935 | Code: 'F8', 936 | }, 937 | 120: { 938 | Key: 'F9', 939 | Code: 'F9', 940 | }, 941 | 121: { 942 | Key: 'F10', 943 | Code: 'F10', 944 | }, 945 | 122: { 946 | Key: 'F11', 947 | Code: 'F11', 948 | }, 949 | 123: { 950 | Key: 'F12', 951 | Code: 'F12', 952 | }, 953 | 124: { 954 | Key: 'F13', 955 | Code: 'F13', 956 | }, 957 | 125: { 958 | Key: 'F14', 959 | Code: 'F14', 960 | }, 961 | 126: { 962 | Key: 'F15', 963 | Code: 'F15', 964 | }, 965 | 127: { 966 | Key: 'F16', 967 | Code: 'F16', 968 | }, 969 | 128: { 970 | Key: 'F17', 971 | Code: 'F17', 972 | }, 973 | 129: { 974 | Key: 'F18', 975 | Code: 'F18', 976 | }, 977 | 130: { 978 | Key: 'F19', 979 | Code: 'F19', 980 | }, 981 | 131: { 982 | Key: 'F20', 983 | Code: 'F20', 984 | }, 985 | 132: { 986 | Key: 'F21', 987 | Code: 'F21', 988 | }, 989 | 133: { 990 | Key: 'F22', 991 | Code: 'F22', 992 | }, 993 | 134: { 994 | Key: 'F23', 995 | Code: 'F23', 996 | }, 997 | 135: { 998 | Key: 'F24', 999 | Code: 'F24', 1000 | }, 1001 | 136: { 1002 | Key: 'F25', 1003 | Code: 'F25', 1004 | }, 1005 | 137: { 1006 | Key: 'F26', 1007 | Code: 'F26', 1008 | }, 1009 | 138: { 1010 | Key: 'F27', 1011 | Code: 'F27', 1012 | }, 1013 | 139: { 1014 | Key: 'F28', 1015 | Code: 'F28', 1016 | }, 1017 | 140: { 1018 | Key: 'F29', 1019 | Code: 'F29', 1020 | }, 1021 | 141: { 1022 | Key: 'F30', 1023 | Code: 'F30', 1024 | }, 1025 | 142: { 1026 | Key: 'F31', 1027 | Code: 'F31', 1028 | }, 1029 | 143: { 1030 | Key: 'F32', 1031 | Code: 'F32', 1032 | }, 1033 | 144: { 1034 | Key: 'NumLock', 1035 | Code: 'NumLock', 1036 | Unicode: '⇭', 1037 | }, 1038 | 145: { 1039 | Key: 'ScrollLock', 1040 | Code: 'ScrollLock', 1041 | Unicode: '⤓', 1042 | }, 1043 | 160: { 1044 | Key: '[', 1045 | Code: 'BracketLeft', 1046 | }, 1047 | 161: { 1048 | Key: 'Dead', 1049 | Code: 'BracketRight', 1050 | }, 1051 | 163: { 1052 | Key: `\\`, 1053 | Code: 'Backquote', 1054 | }, 1055 | 164: { 1056 | Key: '$', 1057 | Code: 'Backslash', 1058 | }, 1059 | 165: { 1060 | Key: '^ù', 1061 | Code: 'Quote', 1062 | }, 1063 | 169: { 1064 | Key: ')', 1065 | Code: 'Minus', 1066 | }, 1067 | 170: { 1068 | Key: '*', 1069 | Code: 'BackSlash', 1070 | }, 1071 | 171: { 1072 | Key: '+', 1073 | Code: 'BracketRight', 1074 | }, 1075 | 173: { 1076 | Key: '-', 1077 | Code: 'Minus', 1078 | }, 1079 | 174: { 1080 | Key: 'AudioVolumeDown', 1081 | Code: 'AudioVolumeDown', 1082 | }, 1083 | 176: { 1084 | Key: 'MediaTractNext', 1085 | Code: 'MediaTrackNext', 1086 | }, 1087 | 177: { 1088 | Key: 'MediaTractPrevious', 1089 | Code: 'MediaTrackPrevious', 1090 | }, 1091 | 179: { 1092 | Key: 'MediaPlayPause', 1093 | Code: 'MediaPlayPause', 1094 | }, 1095 | 180: { 1096 | Key: 'LaunchMail', 1097 | Code: 'LaunchMail', 1098 | Unicode: '✉', 1099 | }, 1100 | 181: { 1101 | Key: 'AudioVolumeMute', 1102 | Code: 'VolumeMute', 1103 | }, 1104 | 182: { 1105 | Key: 'AudioVolumeDown', 1106 | Code: 'VolumeDown', 1107 | }, 1108 | 183: { 1109 | Key: 'AudioVolumeUp', 1110 | Code: 'VolumeUp', 1111 | }, 1112 | 186: { 1113 | Key: ';', 1114 | Code: 'Semicolon', 1115 | }, 1116 | 187: { 1117 | Key: '=', 1118 | Code: 'Equal', 1119 | }, 1120 | 188: { 1121 | Key: ',', 1122 | Code: 'Comma', 1123 | }, 1124 | 189: { 1125 | Key: '-', 1126 | Code: 'Minus', 1127 | }, 1128 | 190: { 1129 | Key: '.', 1130 | Code: 'Period', 1131 | }, 1132 | 191: { 1133 | Key: '/', 1134 | Code: 'Slash', 1135 | }, 1136 | 192: { 1137 | Key: '`', 1138 | Code: 'Backquote', 1139 | }, 1140 | 193: { 1141 | Key: '/', 1142 | Code: 'IntlRo', 1143 | }, 1144 | 194: { 1145 | Key: '.', 1146 | Code: 'NumpadComma', 1147 | }, 1148 | 219: { 1149 | Key: '[', 1150 | Code: 'BracketLeft', 1151 | }, 1152 | 220: { 1153 | Key: '\\', 1154 | Code: 'Backslash', 1155 | }, 1156 | 221: { 1157 | Key: ']', 1158 | Code: 'BracketRight', 1159 | }, 1160 | 222: { 1161 | Key: "'", 1162 | Code: 'Quote', 1163 | }, 1164 | 223: { 1165 | Key: '`', 1166 | Code: 'Backquote', 1167 | }, 1168 | 224: { 1169 | Key: 'Meta', 1170 | Code: 'Meta', 1171 | Unicode: '⌘', 1172 | }, 1173 | 225: { 1174 | Key: 'AltGraph', 1175 | Code: 'AltRight', 1176 | Unicode: '⌥', 1177 | }, 1178 | 226: { 1179 | Key: '\\', 1180 | Code: 'IntlBackslash', 1181 | }, 1182 | } 1183 | -------------------------------------------------------------------------------- /src/Interfaces.ts: -------------------------------------------------------------------------------- 1 | import type { Hotkey, Modifier } from 'obsidian' 2 | 3 | export interface FilterSettings { 4 | FeaturedFirst: boolean 5 | StrictSearch: boolean 6 | HighlightCustom: boolean 7 | HighlightDuplicates: boolean 8 | DisplayWOhotkeys: boolean 9 | DisplayIDs: boolean 10 | } 11 | 12 | export interface PluginSettings { 13 | showStatusBarItem: boolean 14 | filterSettings: FilterSettings 15 | featuredCommandIDs?: string[] 16 | } 17 | 18 | export interface hotkeyEntry { 19 | modifiers: Modifier[] 20 | key: string 21 | backedModifiers?: string 22 | isCustom?: boolean 23 | } 24 | 25 | export interface commandEntry { 26 | id: string 27 | pluginName: string 28 | cmdName: string 29 | hotkeys: hotkeyEntry[] 30 | } 31 | 32 | export interface commandsArray extends Array {} 33 | 34 | export interface hotkeyDict { 35 | [id: string]: commandEntry 36 | } 37 | 38 | export interface Key { 39 | label: string 40 | color?: string 41 | fontSize?: string 42 | smallText?: boolean 43 | caps?: string 44 | strictCode?: boolean 45 | tryUnicode?: boolean 46 | width?: number 47 | height?: number 48 | } 49 | 50 | export type Row = Key[] 51 | 52 | export interface KeyboardSection { 53 | name: string 54 | rows: Row[] 55 | gridRatio: number 56 | } 57 | 58 | export type Keyboard = KeyboardSection[] 59 | -------------------------------------------------------------------------------- /src/ShortcutsView.ts: -------------------------------------------------------------------------------- 1 | import { ItemView, WorkspaceLeaf } from 'obsidian' 2 | import type KeyboardAnalizerPlugin from 'src/main' 3 | // @ts-ignore 4 | import { VIEW_TYPE_SHORTCUTS_ANALYZER } from 'src/Constants' 5 | import KeyboardComponent from './Components/KeyboardComponent.svelte' 6 | 7 | export default class ShortcutsView extends ItemView { 8 | private plugin: KeyboardAnalizerPlugin 9 | private component: KeyboardComponent 10 | 11 | navigation = true 12 | 13 | constructor(leaf: WorkspaceLeaf, plugin: KeyboardAnalizerPlugin) { 14 | super(leaf) 15 | this.plugin = plugin 16 | } 17 | 18 | async onload(): Promise { 19 | super.onload() 20 | } 21 | 22 | getViewType(): string { 23 | return VIEW_TYPE_SHORTCUTS_ANALYZER 24 | } 25 | 26 | getDisplayText(): string { 27 | return 'Keyboard Shortcuts' 28 | } 29 | 30 | async onOpen(): Promise { 31 | await this.draw() 32 | } 33 | 34 | onClose(): Promise { 35 | return Promise.resolve() 36 | } 37 | 38 | async draw(): Promise { 39 | const { app, contentEl } = this 40 | const { settings } = this.plugin 41 | 42 | contentEl.empty() 43 | contentEl.setAttribute(`id`, `KB-view`) 44 | contentEl.style.padding = '0' 45 | this.component = new KeyboardComponent({ 46 | target: contentEl, 47 | props: { 48 | app, 49 | plugin: this.plugin, 50 | settings, 51 | view: this, 52 | }, 53 | }) 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { 2 | App, 3 | Editor, 4 | MarkdownView, 5 | Modal, 6 | Notice, 7 | Plugin, 8 | Hotkey, 9 | PluginSettingTab, 10 | setIcon, 11 | Setting, 12 | WorkspaceLeaf, 13 | } from 'obsidian' 14 | import { openView, wait } from 'obsidian-community-lib' 15 | import ShortcutsView from 'src/ShortcutsView' 16 | // @ts-ignore 17 | import { 18 | VIEW_TYPE_SHORTCUTS_ANALYZER, 19 | DEFAULT_FILTER_SETTINGS, 20 | DEFAULT_PLUGIN_SETTINGS, 21 | } from 'src/Constants' 22 | import type { PluginSettings } from 'src/Interfaces' 23 | 24 | export default class KeyboardAnalizerPlugin extends Plugin { 25 | settings: PluginSettings 26 | 27 | get full() { 28 | const leaves = this.app.workspace.getLeavesOfType( 29 | VIEW_TYPE_SHORTCUTS_ANALYZER 30 | ) 31 | const leaf = leaves.length ? leaves[0] : null 32 | if (leaf && leaf.view && leaf.view instanceof ShortcutsView) 33 | return leaf.view 34 | } 35 | 36 | async onload() { 37 | await this.loadSettings() 38 | 39 | this.registerPluginHotkeys() 40 | this.addStatusBarIndicator.apply(this) 41 | 42 | this.registerView( 43 | VIEW_TYPE_SHORTCUTS_ANALYZER, 44 | (leaf: WorkspaceLeaf) => new ShortcutsView(leaf, this) 45 | ) 46 | 47 | // This adds a settings tab so the user can configure various aspects of the plugin 48 | // this.addSettingTab(new KeyboardAnalyzerSettingTab(this.app, this)) 49 | } 50 | 51 | async onunload() { 52 | this.app.workspace.detachLeavesOfType(VIEW_TYPE_SHORTCUTS_ANALYZER) 53 | } 54 | 55 | async loadSettings() { 56 | this.settings = Object.assign( 57 | {}, 58 | DEFAULT_PLUGIN_SETTINGS, 59 | await this.loadData() 60 | ) 61 | } 62 | 63 | async saveSettings() { 64 | await this.saveData(this.settings) 65 | } 66 | 67 | addStatusBarIndicator() { 68 | // This adds a status bar item to the bottom of the app. Does not work on mobile apps. 69 | const statusBarIcon = this.addStatusBarItem() 70 | statusBarIcon.addClass('mod-clickable') 71 | statusBarIcon.setAttribute('aria-label', 'Keyboard Shortcuts') 72 | statusBarIcon.style.order = '10' 73 | 74 | // create the status bar icon 75 | const icon = statusBarIcon.createSpan('icon') 76 | 77 | // register click handler 78 | setIcon(icon, 'keyboard-glyph') // inject svg icon 79 | icon.addEventListener('click', (evt) => this.onStatusBarClick(evt)) 80 | // TODO update view on click 81 | // TODO update view when commands added or hotkeys changed 82 | } 83 | 84 | async onStatusBarClick(evt: MouseEvent) { 85 | if (evt.ctrlKey == true) { 86 | this.addShortcutsView(true) 87 | } else { 88 | this.addShortcutsView() 89 | } 90 | } 91 | 92 | async addShortcutsView(newLeaf: boolean = false) { 93 | let checkResult = 94 | this.app.workspace.getLeavesOfType(VIEW_TYPE_SHORTCUTS_ANALYZER) 95 | .length === 0 96 | 97 | if (checkResult) { 98 | if (newLeaf) { 99 | this.app.workspace 100 | .getLeaf(true) 101 | .setViewState({ type: VIEW_TYPE_SHORTCUTS_ANALYZER }) 102 | } else { 103 | this.app.workspace 104 | .getLeaf() 105 | .setViewState({ type: VIEW_TYPE_SHORTCUTS_ANALYZER }) 106 | } 107 | } 108 | } 109 | 110 | registerPluginHotkeys() { 111 | this.addCommand({ 112 | id: 'show-shortcuts-analyzer-view', 113 | name: 'Open keyboard shortcuts view', 114 | checkCallback: (checking: boolean) => { 115 | let checkResult = 116 | this.app.workspace.getLeavesOfType(VIEW_TYPE_SHORTCUTS_ANALYZER) 117 | .length === 0 118 | 119 | if (checkResult) { 120 | // Only perform work when checking is false 121 | if (!checking) { 122 | this.addShortcutsView() 123 | // openView(this.app, VIEW_TYPE_SHORTCUTS_ANALYZER, ShortcutsView) 124 | } 125 | return true 126 | } 127 | }, 128 | }) 129 | } 130 | // END OF PLUGIN DECLARATION 131 | } 132 | 133 | // class KeyboardAnalyzerSettingTab extends PluginSettingTab { 134 | // plugin: KeyboardAnalizerPlugin 135 | 136 | // constructor(app: App, plugin: KeyboardAnalizerPlugin) { 137 | // super(app, plugin) 138 | // this.plugin = plugin 139 | // } 140 | 141 | // display(): void { 142 | // const { containerEl } = this 143 | 144 | // containerEl.empty() 145 | 146 | // containerEl.createEl('h2', { text: 'Settings for my awesome plugin.' }) 147 | 148 | // // checkbox for showing status bar item 149 | // new Setting(containerEl) 150 | // .setName('Show Status Bar Item') 151 | // .setDesc('Show the status bar item') 152 | // .addToggle((checkbox: any) => 153 | // checkbox 154 | // .setChecked(this.plugin.settings.showStatusBarItem) 155 | // .onChange(async (value: boolean) => { 156 | // this.plugin.settings.showStatusBarItem = value 157 | // await this.plugin.saveSettings() 158 | // }) 159 | // ) 160 | // } 161 | // } 162 | -------------------------------------------------------------------------------- /src/obsidian-internals.ts: -------------------------------------------------------------------------------- 1 | import 'obsidian' 2 | 3 | declare module 'obsidian' { 4 | interface HotKeyManager { 5 | getHotkeys(id: string): Hotkey[] 6 | getDefaultHotkeys(id: string): Hotkey[] 7 | customKeys: { [id: string]: Hotkey[] } 8 | } 9 | interface App { 10 | commands: Commands 11 | hotkeyManager: HotKeyManager 12 | } 13 | interface Commands { 14 | commands: Record 15 | addCommand(cmd: Command): void 16 | removeCommand(cmd: Command): void 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | /* Sets all the text color to red! */ 2 | /* #KB-view { 3 | display: flex; 4 | justify-content: center; 5 | align-items: flex-start; 6 | } */ 7 | .status-bar-item.plugin-keyboard-analyzer span.icon { 8 | display: flex; 9 | align-items: center; 10 | line-height: 1; 11 | } 12 | 13 | .status-bar-item.plugin-keyboard-analyzer { 14 | display: flex; 15 | align-items: center; 16 | line-height: 1; 17 | } 18 | 19 | /* // Extra Small devices (landscape phones, 576px and up) */ 20 | #keyboard-component.xs { 21 | /* background-color: #f5f5f5; */ 22 | } 23 | 24 | /* // Small devices (landscape phones, 576px and up) */ 25 | #keyboard-component.sm { 26 | /* background-color: aqua; */ 27 | } 28 | 29 | /* // Medium devices (tablets, 768px and up) */ 30 | #keyboard-component.md { 31 | /* background-color: blueviolet; */ 32 | } 33 | 34 | /* // Large devices (desktops, 992px and up) */ 35 | #keyboard-component.lg { 36 | /* background-color: chartreuse; */ 37 | } 38 | 39 | /* // X-Large devices (large desktops, 1200px and up) */ 40 | #keyboard-component.xl { 41 | /* background-color: darkcyan; */ 42 | } 43 | 44 | /* // XX-Large devices (larger desktops, 1400px and up) */ 45 | #keyboard-component.xxl { 46 | /* background-color: darkgoldenrod; */ 47 | } 48 | 49 | #keyboard-component { 50 | height: 100%; 51 | } 52 | 53 | .keyboard-wrapper { 54 | max-width: 700px; 55 | } 56 | 57 | #KB-view { 58 | padding: 0px !important; 59 | overflow-y: scroll; 60 | } 61 | 62 | /* #keyboard-component .hotkey-setting-container { 63 | display: flex; 64 | overflow: unset; 65 | flex-direction: column; 66 | padding-bottom: 60px; 67 | height: fit-content; 68 | } */ 69 | 70 | #keyboard-component .hotkey-settings-container { 71 | height: fit-content; 72 | width: 100%; 73 | display: flex; 74 | flex-direction: row; 75 | flex-wrap: wrap; 76 | align-items: center; 77 | justify-content: space-between; 78 | padding-bottom: 10px; 79 | overflow: visible; 80 | position: relative; 81 | } 82 | 83 | #keyboard-component .setting-item-name { 84 | display: flex; 85 | align-items: center; 86 | flex-wrap: wrap; 87 | } 88 | 89 | #keyboard-component .setting-item-name .command-name { 90 | padding-right: 8px; 91 | } 92 | 93 | #keyboard-component .setting-item-name span.suggestion-prefix { 94 | color: var(--text-accent); 95 | font-size: 90%; 96 | font-style: italic; 97 | text-transform: uppercase; 98 | padding-right: 6px; 99 | } 100 | 101 | #keyboard-component .setting-item-name span.suggestion-prefix:hover { 102 | cursor: pointer; 103 | } 104 | 105 | #keyboard-component .setting-item .star-icon { 106 | display: none; 107 | } 108 | 109 | #keyboard-component .setting-item:hover .star-icon { 110 | cursor: pointer; 111 | display: flex; 112 | align-items: center; 113 | } 114 | 115 | #keyboard-component .setting-item .star-icon:hover { 116 | color: var(--text-accent); 117 | } 118 | 119 | #keyboard-component .setting-item.is-starred .star-icon { 120 | color: var(--text-accent); 121 | display: flex; 122 | } 123 | 124 | .shortcuts-wrapper { 125 | max-width: 768px; 126 | padding-left: 24px; 127 | padding-right: 24px; 128 | margin: 0px auto; 129 | } 130 | 131 | /* .hotkey-search-menu { 132 | display: flex; 133 | align-items: center; 134 | justify-content: space-between; 135 | flex-wrap: wrap; 136 | flex-direction: row; 137 | } */ 138 | 139 | #keyboard-component .hotkey-search-container { 140 | display: block; 141 | padding: 0px; 142 | margin-top: 0px; 143 | margin-bottom: 0px; 144 | position: relative; 145 | flex-grow: 2; 146 | } 147 | 148 | /* #keyboard-component.xs .hotkey-search-container { */ 149 | /* max-width: unset; 150 | flex-grow: 2; 151 | flex-basis: 100%; */ 152 | /* } */ 153 | 154 | .search-wrapper { 155 | width: 100%; 156 | display: flex; 157 | flex-wrap: wrap; 158 | /* background: var(--background-modifier-form-field); */ 159 | border: 1px solid var(--background-modifier-border); 160 | border-radius: 4px; 161 | color: var(--text-normal); 162 | border-radius: 4px; 163 | padding: 8px 14px; 164 | margin-bottom: 12px; 165 | margin-top: 20px; 166 | } 167 | 168 | .search-wrapper.is-focused { 169 | /* background: var(--color-d-blacker); */ 170 | border: 1px solid var(--interactive-accent); 171 | box-shadow: 0px 0px 0px 3px var(--color-d-gray-60); 172 | } 173 | 174 | .meta-search-wrapper { 175 | transform: translate(-50%, -50%); 176 | top: 50%; 177 | right: 8px; 178 | position: absolute; 179 | } 180 | 181 | .modifiers-wrapper { 182 | display: flex; 183 | width: fit-content; 184 | flex-direction: row; 185 | flex-wrap: wrap; 186 | flex-shrink: 1; 187 | align-items: center; 188 | } 189 | 190 | kbd.modifier { 191 | padding: 2px 6px; 192 | margin-right: 4px; 193 | border: 1px solid var(--indentation-guide); 194 | background-color: var(--background-secondary-alt); 195 | cursor: pointer; 196 | transition: background-color 0.5s ease; 197 | } 198 | 199 | kbd.modifier:hover { 200 | background-color: var(--interactive-accent-hover); 201 | } 202 | 203 | .modifiers-wrapper kbd.modifier:last-child { 204 | margin-right: 12px; 205 | } 206 | 207 | #keyboard-component .hotkey-search-container input { 208 | height: 40px; 209 | width: 100%; 210 | font-size: 16px; 211 | padding: unset; 212 | margin-top: 0px; 213 | margin-bottom: 0px; 214 | /* padding-bottom: 2px; */ 215 | padding-right: 48px; 216 | border: none !important; 217 | border-radius: unset; 218 | background: unset; 219 | color: var(--text-normal); 220 | box-shadow: unset; 221 | } 222 | 223 | #keyboard-component .hotkey-search-container div.icon { 224 | display: flex; 225 | align-content: center; 226 | justify-content: center; 227 | } 228 | 229 | .keyboard-icon { 230 | cursor: pointer; 231 | color: var(--text-faint); 232 | opacity: var(--icon-muted); 233 | border-radius: 50%; 234 | right: 9px; 235 | top: 50%; 236 | transform: translate(-50%, -50%); 237 | box-shadow: 0px 0px 1px 1px #c415151a; 238 | position: absolute; 239 | } 240 | 241 | .keyboard-icon:hover { 242 | border-color: var(--interactive-accent); 243 | opacity: 1; 244 | } 245 | 246 | .keyboard-icon:pressed { 247 | border-color: var(--interactive-accent); 248 | opacity: 1; 249 | } 250 | 251 | .keyboard-icon.pulse { 252 | color: var(--text-error); 253 | } 254 | 255 | /* .meta-search-indicator .inner-circle { 256 | position: absolute; 257 | transform: translate(-50%, -50%); 258 | top: 50%; 259 | left: 50%; 260 | background: var(--interactive-accent); 261 | width: 7px; 262 | border-radius: 50%; 263 | height: 7px; 264 | } */ 265 | 266 | .pulse { 267 | animation: pulse-animation 1s infinite; 268 | } 269 | 270 | @keyframes pulse-animation { 271 | 0% { 272 | box-shadow: 0 0 0 0px rgba(10, 228, 112, 0.5); 273 | } 274 | 100% { 275 | box-shadow: 0 0 0 10px rgba(183, 38, 38, 0); 276 | } 277 | } 278 | 279 | #keyboard-component .hotkey-search-container .search-input-clear-button { 280 | position: absolute; 281 | right: 0px; 282 | top: -50% !important; 283 | transform: translate(-50%, -50%); 284 | top: 18px; 285 | color: var(--text-faint); 286 | cursor: var(--cursor); 287 | background-color: transparent; 288 | } 289 | 290 | .clear-icon { 291 | color: var(--text-faint); 292 | cursor: var(--cursor); 293 | top: 50%; 294 | position: absolute; 295 | transform: translate(-50%, -50%); 296 | } 297 | 298 | .clear-icon:hover { 299 | color: var(--text-error); 300 | } 301 | 302 | /* #keyboard-component .hotkey-search-container .search-input-clear-button:hover { 303 | color: var(--text-error); 304 | } */ 305 | 306 | /* #keyboard-component .hotkey-search-container .search-input-clear-button:before { 307 | position: absolute; 308 | transform: translate(-50%, -50%); 309 | font-size: 22px; 310 | content: '\D7'; 311 | } */ 312 | 313 | #hotkey-filter-button { 314 | width: fit-content; 315 | margin-top: 0px; 316 | margin-right: 8px; 317 | margin-bottom: 0px; 318 | height: 32px; 319 | } 320 | 321 | #hotkey-filter-button:hover { 322 | cursor: pointer; 323 | } 324 | 325 | #hotkey-filter-button.is-active { 326 | color: var(--text-primary); 327 | background-color: var(--interactive-accent); 328 | } 329 | 330 | .hotkey-search-container button { 331 | /* height: 40px; */ 332 | height: fit-content; 333 | width: fit-content; 334 | flex-shrink: 0; 335 | } 336 | 337 | .popup-filter-menu-container:not(.is-open) { 338 | display: none; 339 | } 340 | 341 | .popup-filter-menu-container { 342 | position: absolute; 343 | background-color: var(--background-primary-alt); 344 | top: 128px; 345 | outline: 2px solid var(--background-modifier-form-field-highlighted); 346 | width: fit-content; 347 | z-index: 150000; 348 | border-radius: 6px; 349 | border: 1px solid var(--background-modifier-border); 350 | padding-left: 24px; 351 | padding-top: 24px; 352 | padding-right: 32px; 353 | padding-bottom: 16px; 354 | box-shadow: 0px 45px 18px rgba(5, 5, 5, 0.01), 355 | 0px 25px 15px rgba(5, 5, 5, 0.03), 0px 11px 11px rgba(5, 5, 5, 0.04), 356 | 0px 3px 6px rgba(5, 5, 5, 0.05), 0px 0px 0px rgba(5, 5, 5, 0.05); 357 | } 358 | 359 | /* .is-mobile .popup-filter-menu-container { */ 360 | /* left: 20px; 361 | width: calc(100% - 40px); */ 362 | /* } */ 363 | 364 | /* .is-mobile .popup-filter-menu-background { 365 | position: relative; 366 | top: 0px; 367 | left: 0px; 368 | width: 100%; 369 | height: 100%; 370 | background-color: var(--background-primary-alt); 371 | opacity: 0.5; 372 | z-index: -1; 373 | } */ 374 | 375 | #keyboard-component .community-plugin-search-summary.u-muted { 376 | padding-left: 0px; 377 | padding-right: 0px; 378 | /* width: 100%; */ 379 | flex-grow: 1; 380 | padding-bottom: 0px; 381 | border-bottom: none; 382 | flex-shrink: 2; 383 | } 384 | #keyboard-component .community-plugin-search-summary.u-muted span { 385 | text-align: center; 386 | } 387 | 388 | button#hotkey-refresh-button { 389 | background-color: transparent; 390 | border: none; 391 | margin-right: unset; 392 | width: fit-content; 393 | box-shadow: none; 394 | flex-grow: 0; 395 | flex-shrink: 0; 396 | padding: 4px; 397 | } 398 | 399 | button#hotkey-refresh-button.animation-is-active .lucide-refresh-cw { 400 | animation-name: rotation; 401 | animation-duration: 0.8s; 402 | /* ease-in animation timing */ 403 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 404 | animation-fill-mode: both; 405 | } 406 | 407 | button#hotkey-refresh-button:hover { 408 | cursor: pointer; 409 | color: var(--text-accent); 410 | } 411 | 412 | @keyframes rotation { 413 | 0% { 414 | transform: rotate(0deg); 415 | } 416 | 100% { 417 | transform: rotate(360deg); 418 | } 419 | } 420 | 421 | .search-results { 422 | color: var(--text-muted); 423 | display: flex; 424 | align-items: center; 425 | padding-bottom: 20px; 426 | padding-top: 8px; 427 | border-bottom: none; 428 | } 429 | 430 | #keyboard-component .hotkey-list-container { 431 | user-select: text; 432 | padding: 0px 0px 64px 0px; 433 | width: 100%; 434 | overflow: unset; 435 | } 436 | 437 | /* .KB-view > .setting-item { 438 | display: flex; 439 | align-items: center; 440 | padding: 12px 0 12px 0; 441 | border-top: 1px solid var(--background-modifier-border); 442 | } */ 443 | 444 | /* -------------------------------------------------------------- */ 445 | /* SETTING ITEMS */ 446 | /* -------------------------------------------------------------- */ 447 | 448 | #keyboard-component .hotkey-list-container .setting-item { 449 | background-color: var(--background-primary); 450 | padding-left: 6px; 451 | transition: background-color 0.2s ease-in-out; 452 | } 453 | 454 | #keyboard-component .hotkey-list-container .setting-item.is-starred { 455 | /* background-color: var(--background-secondary, --color-d-gray-60); */ 456 | border-left: 3px solid var(--interactive-accent); 457 | padding-left: 12px; 458 | } 459 | 460 | /* #keyboard-component .hotkey-list-container .setting-item:hover { 461 | background-color: var(--background-secondary, --color-d-gray-60); 462 | } */ 463 | 464 | #keyboard-component.is-mobile .setting-item { 465 | flex-direction: column; 466 | align-items: flex-start; 467 | } 468 | 469 | #keyboard-component .setting-item-info small { 470 | color: var(--text-muted); 471 | font-size: small; 472 | } 473 | 474 | #keyboard-component .hotkey-list-container .setting-item:first-child { 475 | padding-top: 18px; 476 | border-top: 1px solid var(--background-modifier-border); 477 | } 478 | 479 | #keyboard-component .hotkey-list-container .setting-item:last-child { 480 | padding-bottom: 18px; 481 | border-bottom: 1px solid var(--background-modifier-border); 482 | } 483 | 484 | #keyboard-component.is-mobile .popup-filter-menu-container .setting-item { 485 | flex-direction: row; 486 | } 487 | 488 | .kbanalizer-setting-item { 489 | display: flex; 490 | align-items: center; 491 | border-top: 1px solid var(--background-modifier-border); 492 | padding: 18px 0px 18px 0px; 493 | } 494 | 495 | .kbanalizer-setting-item-control { 496 | flex: 1 0 auto !important; 497 | flex-shrink: 0 !important; 498 | } 499 | 500 | .KB-view > .setting-command-hotkeys { 501 | flex-shrink: 0 !important; 502 | flex: 1 0 auto !important; 503 | } 504 | 505 | .kbanalizer-setting-hotkey { 506 | min-height: 24px !important; 507 | position: relative; 508 | font-size: 14px; 509 | background-color: var(--background-secondary-alt); 510 | border: 1px solid var(--background-modifier-border); 511 | border-radius: 4px; 512 | padding: 4px 10px; 513 | min-height: 24px; 514 | align-self: flex-end; 515 | position: relative; 516 | transition: background-color, color 0.5s ease; 517 | } 518 | 519 | .kbanalizer-setting-hotkey.is-customized { 520 | /* background-color: var(--background-secondary-alt); */ 521 | /* color: var(--text-accent); */ 522 | border: 1px solid var(--interactive-accent); 523 | } 524 | 525 | .kbanalizer-setting-hotkey.is-duplicate { 526 | cursor: pointer; 527 | color: var(--text-normal); 528 | background-color: var(--background-modifier-error); 529 | } 530 | 531 | .kb-analizer-hotkey-list-container { 532 | padding-right: 0px !important; 533 | } 534 | 535 | /* ----------- */ 536 | /* ------- */ 537 | /* -------Keyboard Layout */ 538 | /* ------- */ 539 | /* ----------- */ 540 | 541 | .svelte-keyboard { 542 | width: 100%; 543 | height: 100%; 544 | /* transform: scale(0.5); */ 545 | } 546 | 547 | /* :global(.svelte-keyboard:nth-last-child(1)) { 548 | display: none; 549 | } */ 550 | 551 | .svelte-keyboard button.key-- { 552 | background: transparent !important; 553 | background-color: transparent; 554 | user-select: none; 555 | background-color: unset !important; 556 | color: unset !important; 557 | -moz-user-select: none; 558 | -khtml-user-select: none; 559 | -webkit-user-select: none; 560 | -o-user-select: none; 561 | } 562 | 563 | .svelte-keyboard button.key--.active { 564 | background: transparent; 565 | } 566 | 567 | .svelte-keyboard button.key { 568 | padding: 4px 16px; 569 | border-radius: 4px; 570 | box-sizing: border-box; 571 | font-size: 12px; 572 | text-align: center; 573 | color: var(--text-normal); 574 | margin: 0px 2px; 575 | background-color: var(--background-secondary-alt); 576 | } 577 | .svelte-keyboard button.key:hover { 578 | background-color: var(--interactive-accent); 579 | } 580 | .svelte-keyboard button.key:active { 581 | background-color: red; 582 | } 583 | 584 | #keyboard { 585 | width: 100%; 586 | } 587 | 588 | /* -------------------------------------------------------------- */ 589 | /* KEYBOARD LAYOUT */ 590 | /* -------------------------------------------------------------- */ 591 | 592 | #keyboard-preview-view { 593 | display: flex; 594 | justify-content: center; 595 | } 596 | 597 | /* grid-template-columns: 3.75fr 0.75fr 1fr; */ 598 | #keyboard-layout { 599 | display: grid; 600 | position: relative; 601 | grid-template-rows: 1fr; 602 | gap: 0px 10px; 603 | grid-template-areas: 'main other num'; 604 | background-color: var(--background-modifier-border); 605 | border-radius: 0px 0px 12px 12px; 606 | border: 1px solid var(--indentation-guide); 607 | min-width: 720px; 608 | height: 280px; 609 | /* margin-top: 16px; */ 610 | padding: 24px; 611 | } 612 | 613 | .sm #keyboard-layout, 614 | .xs #keyboard-layout { 615 | min-width: 100%; 616 | border-radius: 0px; 617 | margin-top: 0px; 618 | } 619 | 620 | #keyboard-layout .main { 621 | display: grid; 622 | grid-template-columns: repeat(60, 1fr); 623 | grid-template-rows: 0.75fr 1fr 1fr 1fr 1fr 1fr; 624 | gap: 2px 2px; 625 | grid-template-areas: 626 | '. . . . . . . . . . . . . .' 627 | '. . . . . . . . . . . . . .' 628 | '. . . . . . . . . . . . . .' 629 | '. . . . . . . . . . . . . .' 630 | '. . . . . . . . . . . . . .' 631 | '. . . . . . . . . . . . . .'; 632 | grid-area: main; 633 | height: auto; 634 | } 635 | 636 | #keyboard-layout .other { 637 | display: grid; 638 | grid-template-columns: repeat(12, 1fr); 639 | grid-template-rows: 0.75fr 1fr 1fr 1fr 1fr 1fr; 640 | gap: 2px 2px; 641 | grid-template-areas: 642 | '. . .' 643 | '. . .' 644 | '. . .' 645 | '. . .' 646 | '. . .' 647 | '. . .'; 648 | grid-area: other; 649 | } 650 | 651 | #keyboard-layout .num { 652 | display: grid; 653 | grid-template-columns: repeat(16, 1fr); 654 | grid-template-rows: 0.75fr 1fr 1fr 1fr 1fr 1fr; 655 | gap: 2px 2px; 656 | grid-template-areas: 657 | '. . . .' 658 | '. . . .' 659 | '. . . .' 660 | '. . . .' 661 | '. . . .' 662 | '. . . .'; 663 | grid-area: num; 664 | } 665 | 666 | :root { 667 | --font-scale-0: 12px; 668 | --font-scale-0-5: 14px; 669 | --font-scale-1: 16px; 670 | --font-scale-2: 18px; 671 | --font-scale-3: 20px; 672 | } 673 | 674 | .kb-layout-key { 675 | border: 1px solid var(--indentation-guide); 676 | font-size: var(--font-scale-0); 677 | line-height: initial; 678 | display: flex; 679 | justify-content: center; 680 | align-items: center; 681 | white-space: nowrap; 682 | border-radius: 4px; 683 | color: var(--text-normal); 684 | background-color: var(--background-primary); 685 | } 686 | 687 | .kb-layout-key.small-text { 688 | font-size: 10px; 689 | } 690 | 691 | /* key heatmap by weight */ 692 | .kb-layout-key[data-weight='1'] { 693 | background-color: #f0bca469; 694 | } 695 | .kb-layout-key[data-weight='2'] { 696 | background-color: #e694846f; 697 | } 698 | .kb-layout-key[data-weight='3'] { 699 | background-color: #d96f6f84; 700 | } 701 | .kb-layout-key[data-weight='4'] { 702 | background-color: #c94f4f81; 703 | } 704 | .kb-layout-key[data-weight='5'] { 705 | background-color: #b932328e; 706 | } 707 | 708 | .kb-layout-key.is-active { 709 | color: var(--text-on-accent); 710 | background-color: var(--interactive-accent); 711 | } 712 | 713 | .kb-layout-key.is-active:hover { 714 | color: var(--text-on-accent); 715 | background-color: var(--interactive-accent-hover); 716 | } 717 | 718 | .kb-layout-key:hover { 719 | background-color: var(--background-primary-alt); 720 | } 721 | 722 | .kb-layout-key.empty { 723 | border: none; 724 | background-color: transparent; 725 | } 726 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | 4 | "compilerOptions": { 5 | "baseUrl": ".", 6 | // "inlineSourceMap": true, 7 | "inlineSources": true, 8 | "module": "ESNext", 9 | "target": "es6", 10 | "allowJs": true, 11 | "checkJs": false, 12 | "noImplicitAny": true, 13 | "moduleResolution": "node", 14 | "importHelpers": true, 15 | "resolveJsonModule": true, 16 | "lib": ["dom", "es5", "scripthost", "es2019"], 17 | "types": ["node", "svelte"], 18 | "paths": { 19 | "src": ["src/*"] 20 | } 21 | }, 22 | "include": ["src/**/*", "src/*", "**/*.ts"], 23 | "exclude": ["node_modules/*"] 24 | } 25 | -------------------------------------------------------------------------------- /versions.json: -------------------------------------------------------------------------------- 1 | { 2 | "0.1.1": "0.12.10" 3 | } 4 | --------------------------------------------------------------------------------