startrev / snipx Goto Github PK
View Code? Open in Web Editor NEWA web extension that can inject CSS and JS snippets into your current browser tab.
License: MIT License
A web extension that can inject CSS and JS snippets into your current browser tab.
License: MIT License
SnipX doesn't continuously check the status of your server. For the sake of User Experience, it should check every couple seconds to see if the server is still running. In the case of the server not running, it should disable the Editor page and take you back to the Auth page. Preferably, it should happen close to instantly.
Color | Status |
---|---|
Green | Server is running |
Red | Server isn't running |
Something like this, but behind the logo.
XMLHttpRequest usage can be found in:
src/main.js
src/utils/editorSave.js
A custom built event handler for updating and loading the SnipX UI. Currently, a lot of the UI updates are happening with a simple window.location.reload()
which is something we definitely don't want.
A dedicated handler class
I think should do the trick.
In the class, we can have methods for manipulating the DOM without reloading it.
styles/theme/
config.json
index.html
style.css
main.js
Edit css scrollbar styles to match ui.
window.location.reload()
seems to do the trick for the theme toggle function however, the page is very ugly when the theme is changing. The page has a split second of non-styled content and it completely breaks the ux.
Hide all non-styled content while the theme is changing and show it once the theme changed.
The content being saved is just CSS and JavaScript so I think the best place to store that is GitHub.
For now the project will use 'localStorage' but eventually GitHub API will play a role.
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.