{"id":13622692,"url":"https://github.com/toluschr/BetterDiscord-Animated-Status","last_synced_at":"2025-04-15T09:33:33.903Z","repository":{"id":37271035,"uuid":"218000417","full_name":"toluschr/BetterDiscord-Animated-Status","owner":"toluschr","description":"Animate your Discord Status with this BetterDiscord Plugin","archived":false,"fork":false,"pushed_at":"2024-06-08T19:29:43.000Z","size":296,"stargazers_count":255,"open_issues_count":84,"forks_count":489,"subscribers_count":19,"default_branch":"master","last_synced_at":"2024-08-01T21:54:47.346Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/toluschr.png","metadata":{"files":{"readme":"ReadMe.md","changelog":null,"contributing":null,"funding":null,"license":"License","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}},"created_at":"2019-10-28T08:34:28.000Z","updated_at":"2024-07-21T15:51:41.000Z","dependencies_parsed_at":"2024-08-01T21:54:30.125Z","dependency_job_id":null,"html_url":"https://github.com/toluschr/BetterDiscord-Animated-Status","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toluschr%2FBetterDiscord-Animated-Status","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toluschr%2FBetterDiscord-Animated-Status/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toluschr%2FBetterDiscord-Animated-Status/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toluschr%2FBetterDiscord-Animated-Status/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toluschr","download_url":"https://codeload.github.com/toluschr/BetterDiscord-Animated-Status/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223668307,"owners_count":17182910,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-08-01T21:01:22.887Z","updated_at":"2024-11-08T10:30:50.659Z","avatar_url":"https://github.com/toluschr.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# BetterDiscord-Animated-Status\n\n* [Installation](#Installation)\n* [Usage](#Usage)\n* [Settings](#Settings)\n  * [Timeout](#Timeout)\n  * [The Editor](#The-Editor)\n  * [Emojis](#Emojis)\n    * [Regular Emoji](#Regular-Emoji)\n    * [Nitro Emoji](#Nitro-Emoji)\n  * [Examples](#Examples)\n\n## Installation\nInstall using the very convenient [BetterDiscord installer](https://github.com/BetterDiscord/Installer/releases/latest) \\\nDownload [Animated_Status.plugin.js](/Animated_Status.plugin.js?raw=true) into the following directory \\\nMac: `~/Library/Preferences/BetterDiscord`\\\nWindows: `%appdata%\\BetterDiscord\\plugins`\\\nLinux: `~/.config/BetterDiscord/plugins`\n\n## Usage\nOpen Discord, go to Settings\\\u003ePlugins, enable AnimatedStatus and click on Settings.\\\nEnter the required information into the input fields and click the `save` button.\nClicking `done` without saving will discard your settings.\n\n## Settings\n\u003ctable align=center\"\u003e\n  \u003ctd\u003e \u003cimg src=\"Screenshots/Settings_Dark.png\"\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003cimg src=\"Screenshots/Settings_Light.png\"\u003e \u003c/td\u003e\n\u003c/table\u003e\n\n### Timeout\nThe value specifies the length of each animation step in milliseconds.\nExample: With a timeout of 2000, the following animation would take 4 seconds to complete, as 2 keyframes last 2 seconds each.\n```\nabc\ndef\n```\nTo prevent the discord server from being spammed with requests, the minimum allowed timeout is hardcoded to be 2.9 seconds. \\\nLogically, the animation timeout should be at least `2900`. At best, it should be roughly `10000` milliseconds (10 seconds) for the animation to look smooth on other clients. \\\nIn the mobile app, the status isn't updated consistently, i.e. the list of server members is updated based on the users actions in the app. Don't be surprised, if the animation doesn't appear smooth, or skips frames. \\\n^ According to [@pintoso](https://github.com/pintoso)\n\n### The Editor\nEach cell added with the `+`-button adds a new step to the status animation. \\\nClicking the `-`-button will remove the last step. \\\nAn empty cell will unset your status temporarily. This was added due to a request, but is subject to change in the future.\n\nIn the latest version, the decision was made to remove the raw editor from the plugin. It was merely an unstable textual interface to the JSON config file. \\\n**You can still use the RAW-Mode**, by clicking `Open Plugins Folder` inside the settings and editing `AnimatedStatus.config.json`. Do this at your own risk, you might break stuff.\n\n### Emojis\n#### Regular Emoji\nUse an emoji selector (Windows: \u003ckbd\u003eWin\u003c/kbd\u003e+\u003ckbd\u003e.\u003c/kbd\u003e). \\\nAlternatively, use [a unicode table](https://unicode.org/emoji/charts/full-emoji-list.html) and copy the emoji you'd like to have as your status. \\\nThe `emoji_name` field **may not contain whitespace**. Otherwise, the discord server will silently ignore your status request.\nDue to uncertainties about nitro emoji names, the plugin does currently not automatically remove whitespace.\n\n#### Nitro Emoji\n- Open a discord Chat, type `\\`. \\\n  \u003cimg src=\"Screenshots/nitro0.png\"\u003e\n- Select the emoji you want to include in your status using the emoji picker. \\\n  \u003cimg src=\"Screenshots/nitro1.png\"\u003e\n- Notice that the message changed to `\u003c:emojiname:emojiid\u003e`. The values inside the brackets (emojiname and emojiid) are the values required for the status. \\\n  \u003cimg src=\"Screenshots/nitro2.png\"\u003e\n- Edit the settings accordingly \\\n  \u003cimg src=\"Screenshots/nitro3.png\"\u003e\n\n### Examples\nSome screenshots are sped up, so the ReadMe looks more appealing.\n\n#### Clock\n- **Result:** \\\n  \u003cimg src=\"Screenshots/JS_Clock.gif\"\u003e\n- **Emoji-Field:** \\\n  \u003ccode\u003e eval ['🕛','🕐','🕑','🕒','🕓','🕔','🕕','🕖','🕗','🕘','🕙','🕚'][((new Date()).getHours()%12)]; \u003c/code\u003e\n\n#### Clock And Text\n- **Result:** \\\n  \u003cimg src=\"Screenshots/JS_ClockText.png\"\u003e\n- **Emoji-Field:** \\\n  \u003ccode\u003e eval ['🕛','🕐','🕑','🕒','🕓','🕔','🕕','🕖','🕗','🕘','🕙','🕚'][((new Date()).getHours()%12)]; \u003c/code\u003e\n- **Text-Field:** \\\n  \u003ccode\u003e eval let fmt=t=\u003e(t\u003c10?'0':'')+t;let d=new Date();\\`${fmt(d.getHours())}:${fmt(d.getMinutes())}:${fmt(d.getSeconds())}\\`; \u003c/code\u003e\n\n### TODO (Ignore this)\n- Use CSS grid layout for settings window\n- Parameterize classes or automatically determine them\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoluschr%2FBetterDiscord-Animated-Status","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoluschr%2FBetterDiscord-Animated-Status","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoluschr%2FBetterDiscord-Animated-Status/lists"}