Coder Social home page Coder Social logo

overlayeddev / overlayed Goto Github PK

View Code? Open in Web Editor NEW
203.0 2.0 22.0 20.71 MB

A modern, open-source, and free voice chat overlay for Discord that supports Mac, Linux, and Windows

Home Page: https://overlayed.dev

License: GNU Affero General Public License v3.0

HTML 0.18% JavaScript 4.80% Rust 5.49% TypeScript 61.87% CSS 1.19% Astro 18.96% Shell 0.88% MDX 6.64%
discord overlay tauri react tailwind vite discord-overlay tauri-app

overlayed's Introduction

Overlayed

Discord Twitter

A modern, open-source, and free voice chat overlay for Discord that supports Mac, Linux, and Windows!

Installation

Windows - Winget

winget install OverlayedDev.Overlayed

MacOS - Homebrew

brew install overlayed

Guides for all Platforms

https://overlayed.dev/blog/installation-guide

Contributing

If you want to help out please see CONTRIBUTING.md to see how to get started.

Support

If you enjoy this project consider giving it a star ⭐.

overlayed's People

Contributors

hacksore avatar pyr33x avatar maxdemaio avatar niemal avatar kampouse avatar vikingnope avatar mvaodhan avatar borisnezlobin avatar joshhyde9 avatar lucfauvel avatar mrnossiom avatar turbobot-temp avatar trobonox avatar uncenter avatar

Stargazers

Matthew Searle avatar Caleb Jasik avatar Boston avatar  avatar  avatar Julia avatar  avatar  avatar ProHenis avatar zopelee avatar Grafaffel avatar Tess avatar  avatar Alex Oser avatar Kirin Patel avatar Anthony Espirat avatar ekahPruthvi avatar Matheus Antonio avatar  avatar C-M avatar Sheldon Allen avatar nykci avatar Jordan "Kota" Levesque avatar Alex.exe avatar actu avatar Chris Raethke avatar Larry avatar  avatar Abiria avatar Ryo Mitsuda avatar  avatar Manuel avatar #342b45 avatar Jet Pham avatar  avatar Elliott Draper avatar Ahmed avatar Alejandro avatar lucky.dev avatar Emin Temiz avatar Jack avatar Rob Nadin avatar Daniel  avatar idebeijer avatar chaos avatar ZG468 avatar Tony Chan avatar  avatar FortPile avatar  avatar Ikramul Hasan avatar zw1ce avatar  avatar deminearchiver avatar Francois B. (Makoto) avatar Dak Washbrook avatar Miguel Salerno avatar Bruno Bernard avatar Thibault Lefebvre avatar Tim Rowe avatar  avatar Klaynight avatar alireza faghani avatar ozaki avatar Thomas Höß avatar  avatar Jay_Ohhh avatar heitzjulien avatar Insidious Fiddler avatar SatoKoga avatar  avatar Geovane Santana avatar Tom Crouch avatar  avatar Frankie avatar Vaisakh Kumar avatar Anbarasu  avatar Lokhnor avatar Alejo Pereyra avatar astrolemonade avatar Willington Ortiz avatar Ali Osman avatar  avatar Zai Santillan avatar Hoon Oh avatar  avatar Jimin (Aaron) Son avatar Johan le stickman avatar Marcos Viana avatar Max avatar lijunping avatar Johnny (Hao) Jiang avatar Shun Kakinoki avatar Steven Tey avatar Aurélien Devaux avatar Berkay avatar John P avatar foam  avatar Jocke. avatar Husky avatar

Watchers

 avatar  avatar

overlayed's Issues

Transparency Setting

For me, the opaque players list is a little too much. I would love to set a transparency level for players that are not talking.
When talking, players can be opaque.

Canary uploads are off by one

Since the canary job calls the CF worker it will always select the last working canary build for artifacts.

We should instead post the artifacts from the currently running job to the worker.

refactoring needed!

Older versions of macOS crash the app

Error

TypeError: window.matchMedia("(prefers-color-scheme: dark)").addEventListener is not a function. (In 'window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",t=>{const n=t.matches?"dark":"light";An("sync_theme",{value:n})})', 'window.matchMedia("(prefers-color-scheme: dark)").addEventListener' is undefined)

user running macOS catalina 10.15.7

The current code that is cause the runtime issue.
https://github.com/Hacksore/overlayed/blob/12dcf2e60def9219ef77d9f61f34b6391c4ce450/apps/desktop/src/hooks/use-theme-sync.ts#L7

Action Items

integrate sentry for desktop app

Make sure it's working for production and canary builds of the web app.

right now we have overlayed-desktop-react but just need to make sure events are working right.

also need to make sure this can be opted opted out with the telemetry: false config val.

PS can prolly diable replay as it's not really that helpful!

Allow creating a canary build locally

We just need a pnpm build:canry that doest he same thing canary.yaml does.

in apps/desktop:

cargo tauri build --config "src-tauri/tauri.conf.canary.json"

Support for Text Chat

Hi there! Wasn't sure where else to put a feature request, but I'd love to be able to pick a chat channel and have that appear in the overlay.

My justification is that in today's WoW, guild chat is not used much and the communication has moved to Discord, but having that happen in another window is far enough away that the game doesn't feel as social or connected. Being able to throw my guild's discord chat on top of the game window would be absolutely awesome.

User roles text colors

Right now the text is white on a grey background, perhaps we could customize the colors? Like role colors from vencord plugin "RoleColorEverywhere" - voice users

Windows & Linux One Line Installers

An installer script for Linux and Windows would be excellent, and I would be willing to add them. It's pretty simple to make them nowadays, and you can make a simple Cloudflare worker to handle sending the correct script to the user. Here's how I thought about implementing it:

Because Windows is a .msi, you can use msiexec to install the msi within a PowerShell script. It's pretty simple to get the latest version using the GitHub API.

For Linux, .debs can be installed using dkpg -i; the only caveat is that dkpg must be run as root.

There's no use for Mac as Homebrew already has a package for overlayed package.

Let me know what you think

[RFC] Move to organization and debrand

Since I’d love to foster more community driven development and make this not a “single owner project” I’m considering the following.

  • move repo Hacksore/overlayed -> overlayeddev/overlayed
  • change desktop app identifier com.hacksore.overlayed -> com.overlayed.app
  • author Hacksore -> Team Overlayed

This will break a few things surely but I’m creating this issue gather comments.

First time user experience

Found some rough edges so when you first onboard to Overlayed:

  • it should not be hidden from the macOS dock / windows taskbar as it makes the app hard to find if you have to do something else
  • it should not be force pinned on top as it can obscure the CTA in discord

[UX] Hide toolbar navigators when settings menu is open

image

Steps to reproduce:

  1. Click on the settings
  2. Be able to make other changes via the toolbar
  3. Be confused because there are no visible changes

Possible solutions:

  • Hide the toolbar buttons when you are in the settings menu
  • Remove exit settings button, make settings a toggle button, hide the toolbar buttons
    • Maybe make the Overlayed icon navigate you back to home (the list of displayable users)

Incomplete Onboarding

rustc --version

rustc 1.75.0 (82e1608df 2023-12-21)

pnpm --version

8.9.2

node --version

v20.10.0

pnpm start --filter=desktop

 Compiling tauri-plugin-window-state v0.1.0 (https://github.com/tauri-apps/plugins-workspace?branch=v1#ba6acafb)
desktop:start:    Compiling tauri-plugin-websocket v0.0.0 (https://github.com/tauri-apps/plugins-workspace?branch=v1#ba6acafb)
    Finished dev [unoptimized + debuginfo] target(s) in 45.88s

Now Overlayed is open on my desktop but nothing is happening.
Screenshot 2024-01-07 at 8 06 57 PM

Apple M2 Max
Sonoma 14.1.2

Vesktop Support

I found overlayed and found the project to be immensely useful for when I'm in voice chats, yet when I tried setting it up I had a struggle before remembering I use Vesktop, is it possible at all to add support for this client? As it is majorly used across Discord.

Add option to only show who is speaking

It would be nice to have an option to only show who is currently speaking instead of always the full list of all channel members. I'm often in channels with 20+ people and it is difficult to find out who is speaking with the full list of members. Also it clutters the screen.

Change starting anchor for participants list

I would like to have an option to change the growing direction.

For me, I'd like to have the list of players attached to a lower left corner of the screen. This means I need to predict the possible count of players in the room, as I also love to have the click-through feature turned on.

Therefore, I would love to set something like "Please start growing the list from bottom to top".

Disable gitlfs and move blog video

Remove Gitlfs because it makes it so i can't push to remove forks:

PS C:\Users\seanb\Documents\code\overlayed> git push -f
error: Authentication error: Authentication required: You must have push access to verify locks
error: failed to push some refs to 'github.com:Kampouse/overlayed.git'

Move the videos on the website blog from static assets to youtube, will help with bandwidth too.

Fix windows taskbar icon size

looks like dog water
image

icon-.(ico|icns|png) seem to be optimized for macOS so maybe I should make a icon-windows.(ico|icns|png)

[Feature] Optimize all images instead of just 4

Just came across this: https://github.com/astro-community/AstroCompress

In my specific case it turned out to be quite handy:

image

We should optimize all the images we can. This package also handles the images located in public which cannot be optimized/touched by astro. I am still investigating image optimization possibilities (this could be an easy hack for blog images for now, however, I believe the astro built-in optimizer is better). Will investigate.

Random lags in game

game dota 2

I get random lags

when exiting overlayed the random lags stop

how to solve this?

Overlay size settings

Hello i can't find the setting to change the overlay size it take so much space on my 15in screen.

Fix titles of windows

This might be a windows specific bug with areo but we can try to make it better overall.

image

Stange on macOS I see:
image

Things to make right

  • we should fix the window titles to include Overlayed - <name>

[Feature Request] Full screen applications support on Linux

Hey there!

First I want to thank you for making this project, it's a great tool and works really well!

I want to ask you if there is any way of making it over a full screen application, like a game window, or simply a full screen application.

Using Plasma on Wayland, the application is decorated by the Kwin Window System

image

That one is easy to fix in KDE, the user just need to make a rule to remove the title bar. However, the full screen issue is not that simple.

Since it's a "window", even if you force it to appear above the others, a full screen application will always take precedence and appear over the application.

This is due the FreeDesktop Window Manager specification, so it's very unlikely it can be circumvented with the tools provided by the desktop environment.

It would be very useful if we could have this feature built in the application.

Again, thank you for the project!

UI Nav bar

make nav bar like this with links
image

  • Home
  • About
  • Blog

macOS menubar icon is wrong color in light mode

I saw @maxdemaio's screen and he is in light mode and the icon was white.

image

I peronally use reduced transparency so my menu bar is black so there for I am not properly handling every case 😢.

So I need to check every scenario that the menu bar icon is the right color!

My states:

reduced transparency dark mode:
image

reduced transparency light mode:
image

no reduced transparency dark mode:
image

no reduced transparency light mode:
image

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.