Coder Social home page Coder Social logo

dodogames7 / fosscord-pwa Goto Github PK

View Code? Open in Web Editor NEW

This project forked from neverdecaf/discord-pwa

1.0 0.0 0.0 1.18 MB

A wrapper for the Fosscord web client as a PWA, made for Chromium browsers on desktop.

CSS 8.02% JavaScript 80.43% HTML 11.55%

fosscord-pwa's Introduction

Fosscord-PWA

this is a fork of the original discord pwa project by NeverDecaf designed to work on all fosscord instance Note: this is currently experimental for now since lts just kinda broken but at least still should work (from what i suppose when i tested it my self)

Differences from the web client

  • Opens in a separate window that can be pinned to your taskbar and used/launched independently* from your browser.
  • Highlight taskbar icon when you have new messages, show unread mention count in a badge (you can customize this in options)
  • Extensions can modify the discord page, meaning you can use Tampermonkey/Stylus, proxy extensions, etc. with Discord.
  • Supports injection of custom CSS or Javascript via the extension's options if you don't want to use Tampermonkey/Stylus.

To install the accompanying extension

Note: You cannot use extensions from outside of the Chrome Web Store on Google Chrome by design. Unless someone decides to upload this to the Chrome Web Store, consider this extension incompatible with Google Chrome. Chromium and its derivatives or Chrome Canary, etc. should all work, though you may need to use the workaround below.
  1. Download the crx file. (right click > Save link as...)
  2. Navigate to chrome://extensions/
  3. Enable Developer mode (toggle/checkbox in top right corner, may vary depending on version)
  4. Drag and drop the .crx file onto the chrome://extensions/ page to install
  5. To launch the app visit chrome://apps/ (after first installing it from the link above)
  6. After lauching you can pin the app to your taskbar (on windows) and it will essentially function as a stand-alone program

If drag-and-drop install fails, try this workaround

  1. Download the crx file and extract its contents. (Download the directory from source if your browser blocks CRX files.)
  2. Visit chrome://extensions/ and turn on developer mode (toggle in top right)
  3. Click Load unpacked and select the directory you extracted the crx to.

If discord iframe does not load (despite having the extension installed)

  • Remove and re-install the extension. This happens when multiple extensions try to modify headers for a page; the last installed extension has priority while others are blocked access.

Bugs

  • Unread count only includes messages after the PWA has started, meaning the icon will not flash/highlight upon startup.
  • It is possible to open multiple windows at once, which causes undefined notification behaviour.

Notes

  • To hide the status bar, set the flag chrome://flags/#enable-desktop-pwas-remove-status-bar to Enabled. (This will probably become the default in the future.)
  • Taskbar behaviour is customizable in the extension's options chrome-extension://edfpalahildnikdjdnmmoekoncglnblh/options.html.
  • Code modified from https://github.com/jamesjohnson280/hello-pwa, BetterDiscord code was also used/referenced.

fosscord-pwa's People

Contributors

dodogames7 avatar neverdecaf avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.