{"id":33898866,"url":"https://github.com/jinghaihan/vscode-power-mode","last_synced_at":"2026-03-13T14:31:43.869Z","repository":{"id":323495419,"uuid":"1091435464","full_name":"jinghaihan/vscode-power-mode","owner":"jinghaihan","description":"Your code is powerful, unleash it!","archived":false,"fork":false,"pushed_at":"2025-11-11T04:43:04.000Z","size":10707,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-15T13:49:32.253Z","etag":null,"topics":["combo","explosion","power-mode","vscode"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jinghaihan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-07T02:32:28.000Z","updated_at":"2026-01-17T13:19:01.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/jinghaihan/vscode-power-mode","commit_stats":null,"previous_names":["jinghaihan/vscode-power-mode"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/jinghaihan/vscode-power-mode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jinghaihan%2Fvscode-power-mode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jinghaihan%2Fvscode-power-mode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jinghaihan%2Fvscode-power-mode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jinghaihan%2Fvscode-power-mode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jinghaihan","download_url":"https://codeload.github.com/jinghaihan/vscode-power-mode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jinghaihan%2Fvscode-power-mode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30468285,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-13T11:00:43.441Z","status":"ssl_error","status_checked_at":"2026-03-13T11:00:23.173Z","response_time":60,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["combo","explosion","power-mode","vscode"],"created_at":"2025-12-11T21:49:09.645Z","updated_at":"2026-03-13T14:31:43.856Z","avatar_url":"https://github.com/jinghaihan.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"./res/icon.png\" height=\"150\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003ePower Mode Plus \u003csup\u003eVS Code\u003c/sup\u003e\u003c/h1\u003e\n\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=octohash.powermode-plus\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/visual-studio-marketplace/v/octohash.powermode-plus.svg?color=eee\u0026amp;label=VS%20Code%20Marketplace\u0026logo=visual-studio-code\" alt=\"Visual Studio Marketplace Version\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://kermanx.github.io/reactive-vscode/\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/made_with-reactive--vscode-%23007ACC?style=flat\u0026labelColor=%23229863\"  alt=\"Made with reactive-vscode\" /\u003e\u003c/a\u003e\n\n\u003e [!IMPORTANT]\n\u003e This is a fork of [`vscode-power-mode`](https://github.com/hoovercj/vscode-power-mode) by [@hoovercj](https://github.com/hoovercj). All credit goes to the original author and its contributors.\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/combo.gif' /\u003e\n\u003c/p\u003e\n\n## Improvements\n\nThis fork includes fixes and enhancements based on community contributions from the original repository:\n\n### Fixed: Combo Meter Positioning Issue\n\nThe original extension had a combo meter positioning issue in VS Code v1.88.x or higher due to style changes. This fork incorporates a fix based on [PR #114](https://github.com/hoovercj/vscode-power-mode/pull/114) contributed by [@slowquery](https://github.com/slowquery).\n\nIf you are using [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) with the following CSS:\n\n```css\n.monaco-editor .lines-content \u003e .view-lines \u003e .view-line \u003e span {\n  width: inherit;\n}\n```\n\nYou can adjust the combo meter position using the `powermode.combo.customCss` configuration to achieve the original extension behavior:\n\n\u003e [!NOTE]\n\u003e If you use percentage-based `right` positioning, you should enable `\"editor.wordWrap\": true` to prevent horizontal scrollbars from pushing the combo meter outside the visible viewport.\n\n```json\n{\n  \"editor.wordWrap\": true,\n  \"powermode.combo.customCss\": {\n    \"right\": \"5%\",\n    \"left\": \"auto\"\n  }\n}\n```\n\nThe current default value is `\"left\": \"calc(100vw - 35rem)\"`, which looks good in most cases but cannot dynamically adjust its position when dragging the right sidebar.\n\n### Fixed: Combo Meter Decoration Flickering\n\nThe original extension had a flickering issue with the combo meter decoration. This was caused by the previous combo decoration being disposed before the new one was created. This fork incorporates a fix based on [PR #106](https://github.com/hoovercj/vscode-power-mode/pull/106) contributed by [@ao-shen](https://github.com/ao-shen), which ensures the previous decoration is only disposed after the new one is created and rendered.\n\n### Enhanced: Custom CSS Support\n\nWith the `powermode.combo.customCss` configuration support, you can easily customize the combo meter's appearance. For example, you can change the font family:\n\n```json\n{\n  \"powermode.combo.customCss\": {\n    \"font-family\": \"Monaspace Argon\"\n  }\n}\n```\n\nYou can apply any CSS properties to fully personalize the combo meter to match your editor theme and preferences.\n\nFor a complete VSCode setup example with custom CSS and JS configurations, you can refer to my [vscode-config](https://github.com/jinghaihan/vscode-config).\n\n## Installation\n\nSearch for **\"power mode plus\"** in your editor's extension marketplace:\n\n- [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=octohash.powermode-plus)\n- [Open VSX Registry](https://open-vsx.org/extension/octohash/powermode-plus) (for VS Code forks)\n- [GitHub Releases](https://github.com/jinghaihan/vscode-power-mode/releases) (download `.vsix` file)\n\n## Explosions\n\n### Particles\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/particles.gif' /\u003e\n\u003c/p\u003e\n\n### Fireworks\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/fireworks.gif' /\u003e\n\u003c/p\u003e\n\n### Flames\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/flames.gif' /\u003e\n\u003c/p\u003e\n\n### Magic\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/magic.gif' /\u003e\n\u003c/p\u003e\n\n### Clippy\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/clippy.gif' /\u003e\n\u003c/p\u003e\n\n### Simple Rift\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/simple-rift.gif' /\u003e\n\u003c/p\u003e\n\n### Exploding Rift\n\n\u003cp align='center'\u003e\n\u003cimg src='./assets/exploding-rift.gif' /\u003e\n\u003c/p\u003e\n\n## Configuration\n\n\u003e [!NOTE]\n\u003e This extension inherits the configuration options from the original [`vscode-power-mode`](https://github.com/hoovercj/vscode-power-mode). However, deprecated configuration options from the original extension have been removed.\n\n\u003c!-- configs --\u003e\n\n| Key                                     | Description                                                                                                                                                                                                          | Type        | Default       |\n| --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | ------------- |\n| ▿ \u003cb\u003eGeneral\u003c/b\u003e                        |\n| `powermode.enabled`                     | Enable to activate POWER MODE!!!                                                                                                                                                                                     | `boolean`   | `false`       |\n| `powermode.presets`                     | Choose between different preset gifs to use when powermode is activated                                                                                                                                              | `string`    | `\"particles\"` |\n| ▿ \u003cb\u003eCombo\u003c/b\u003e                          |\n| `powermode.combo.location`              | Control where all the combo information is visible.                                                                                                                                                                  | `string`    | `\"default\"`   |\n| `powermode.combo.threshold`             | The combo number needed to activate POWER MODE!!! and start shaking and exploding the screen! If the value is 0, POWER MODE will always be active.                                                                   | `number`    | `0`           |\n| `powermode.combo.timeout`               | The number of seconds before the combo resets. If the value is 0, the timer will never reset.                                                                                                                        | `number`    | `10`          |\n| `powermode.combo.counterEnabled`        | Control whether the combo counter is visible.                                                                                                                                                                        | `string`    | `\"default\"`   |\n| `powermode.combo.counterSize`           | Control the size of the Combo Meter text                                                                                                                                                                             | `number`    | `3`           |\n| `powermode.combo.timerEnabled`          | Control whether the combo timer is visible.                                                                                                                                                                          | `string`    | `\"default\"`   |\n| `powermode.combo.customCss`             | Set custom CSS that will apply to the combo element.                                                                                                                                                                 | `object`    | `{}`          |\n| ▿ \u003cb\u003eShake\u003c/b\u003e                          |\n| `powermode.shake.enabled`               | Set to false to disable shaking while typing                                                                                                                                                                         | `boolean`   | `true`        |\n| `powermode.shake.intensity`             | The intensity with which the screen shakes                                                                                                                                                                           | `number`    | `3`           |\n| ▿ \u003cb\u003eExplosions\u003c/b\u003e                     |\n| `powermode.explosions.enabled`          | Set to false to disable explosions while typing                                                                                                                                                                      | `boolean`   | `true`        |\n| `powermode.explosions.maxExplosions`    | The maximum number of simultaneous explosions                                                                                                                                                                        | `number`    | `1`           |\n| `powermode.explosions.size`             | The size of the explosions. For value X, the height is set to X rem and the width to X ch                                                                                                                            | `number`    | `6`           |\n| `powermode.explosions.frequency`        | The number of key strokes needed to trigger an explosion. 2 means every second keystroke will explode, 1 means every key stroke.                                                                                     | `number`    | `2`           |\n| `powermode.explosions.offset`           | The vertical offset of the explosions. Increasing it will move the explosions up, decreasing it will move them down.                                                                                                 | `number`    | `0.35`        |\n| `powermode.explosions.customExplosions` | This value will go into the 'url()' part of a background image. It should be a base64 encoded gif or **https** URL _without_ quotes.                                                                                 | `array`     | `[]`          |\n| `powermode.explosions.backgroundMode`   | Affects the css properties used to display the gif.                                                                                                                                                                  | `string`    | `\"mask\"`      |\n| `powermode.explosions.gifMode`          | Control the 'playback' mode of the gifs.                                                                                                                                                                             | `string`    | `\"continue\"`  |\n| `powermode.explosions.explosionOrder`   | Determines how the explosions are cycled. 'random' (default) picks from the list randomly. 'sequential' goes through the list in order, and a number will select the explosion at that (zero based)index in the list | `undefined` | `\"random\"`    |\n| `powermode.explosions.duration`         | Determines how long an explosion lasts (in milliseconds). Set to 0 for it to last forever.                                                                                                                           | `number`    | `1000`        |\n| `powermode.explosions.customCss`        | Set custom CSS that will apply to the explosion element.                                                                                                                                                             | `object`    | `{}`          |\n\n\u003c!-- configs --\u003e\n\n## Commands\n\n\u003c!-- commands --\u003e\n\n| Command                      | Title              |\n| ---------------------------- | ------------------ |\n| `powermode.enablePowerMode`  | Enable Power Mode  |\n| `powermode.disablePowerMode` | Disable Power Mode |\n\n\u003c!-- commands --\u003e\n\n## License\n\n[MIT](./LICENSE) License © [jinghaihan](https://github.com/jinghaihan)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjinghaihan%2Fvscode-power-mode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjinghaihan%2Fvscode-power-mode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjinghaihan%2Fvscode-power-mode/lists"}