zabaow / notice_m3 Goto Github PK
View Code? Open in Web Editor NEWA chrome browser extension that connects to Twitches chat channels and notifies users of increased rate in chat messages that are sent to the channel.
A chrome browser extension that connects to Twitches chat channels and notifies users of increased rate in chat messages that are sent to the channel.
I want a variable called threshold to be displayed in real time on Notice_M3's popup window. I have tried using document.write() to no success, however every time i go back and research the issue, the same or very similar solutions including document.write() appear.
On start up error message that tells user that the onclick attribute could not be applied to the disabled buttons in the popup window. This need to be ignored, most likely with a catch statement.
I have my enable/disable buttons communicating with the background scripts from the popup scripts, however the disable button still does not do what it was meant to do, disable the background scripts. I started with trying a simple if-else statement with a return statement in the else condition. I have searched for an abort/exit command, but there were no such commands i was able to find. I have been thinking that i would have to have another separate function be called instead that simply returns continuously, but not sure what that would do to the overall app.
give the popup window some more "flare" with some transitions for buttons perhaps, when the user clicks on them. For example, a fade in/out.
We want to make sure that the Notice_M3 application provides valid discription & data for accessibility, so we'll be adding attributes for aria-live regions as well as the extension overall.
Installation instructions for developers unfamiliar with Chrome extension development would be helpful.
when any button on extension is clicked the following error appears in the console.
index.html:17 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https://apis.google.com". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.
have seen this error in the past, will probably have to update manifest.json.
currently Notify_M3 popup window is intractable on any site, but doesn't function fully, as it only has permission to do so on twitch. Need to have a way for the popup window to recognize when the user is not on twitch (make it specific for the tab) and disable all popup window buttons.
Recently found a page that displays the status of all of twitch's components. (https://twitchstatus.com/) I want Notice_M3 to be able to look at the online status elements and listen for changes to their class properties (i.e. label-online -> label-important) and their content (Online -> Offline). If the change is made to offline, Notice_M3 will then send the user a notification telling the user that Twitch.tv is currently offline in order to save the user the frustration of finding info about the issue.
The intent regarding Twitch stats and how they are collected should not be left to the imagination of the user, but explained either within the app or documentation associated with it.
Twitch has significantly changed their code, in that the class's and id's have been changed, rendering notice_M3's background.js functionless. In order to get the application back up and running, I need to find the new names for the classes and id's for the elements notice_m3 is parsing for, and then make sure that they are implemented into the code correctly.
The notifications should be clickable, not only for a way to close them early, but also be used to guide the user to the appropriate tab that contains the stream the notification originated from.
I want to have a way to store data points for messages/minute from the content scripts parsing twitch chat. There is a need to create a new js file that will contain the modules for this purpose. Modules will allow for data to be parsed in the background over the course of a time yet to be specified. I will also have to research on how to setup a local storage for the data. I hope that in the future the data stored can be passed on to perhaps a database that would present an accurate value for messages/minute for a majority of twitch channels.
One thought I had for a UI enhancement would be to replace the two enable/disable buttons with one button which switched depending upon the state. This would require some change to the JS, in particular having the event handler for each button get merged into one button.
The state of the popup buttons are saved across all tabs in the window. I want to have those settings saved for each tab individually in case the user has more than one stream open.
[ ] Notice_M3 icon is slightly overlapping the first separator line, need to bump it up a bit.
Sometimes threshold sent from background to popup as a value of 0, need to figure out was logic error is causing this.
The attributes of the buttons in the popup window seem to reset whenever the popup window closes, which the user will want it to. This however, forces the user to have to click the disable button a second time in order to interact with the enable button which would most certainly become frustrating. I believe that the use of session storage for the popup window in order for the buttons to keep their attributes from before the closing of the popup window.
Last I worked on this application, $ was loading correctly. Now Im running into this issue of it allegedly not loading or not loading before background.js does. I have made sure that jquery is first in the loading order in the manifest, but this is not the solution for this issue. I dont believe that i need to define $ in the js file since the declaration should be global due to the manifest. I have seen solutions that include Timeout, but I feel it is not a necessary solution.
I want to create an array of objects that contain a variety of messages that the spawnNotifiaction() function can use as to keep the messages sent to the user from being redundant.
I need to have the content-scripts in the background parse the twitch channel for the streamers icon, and username. These will both appear on the desktop notifications that are sent to the user. This will allow for the user to recognize which stream the notification was sent from in case there are multiple streams open.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.