Comments (12)
Totally agree, i will think this afternoon a way to implement what you said. Thanks @tomleb3
from instagramunfollowers.
Alright, let me know if you need any help with this.
from instagramunfollowers.
Forgot to mention that the benefits of this method should mainly be:
- Faster load time of the script as opposed to the embedding within the Readme.
- Users who enter the repo are not immediately greeted with long loading times.
And the 2nd reason is important because it can potentially deter a large number of new users, who might get impatient and think the repo isn't going to load and go elsewhere instead.
from instagramunfollowers.
Hey @davidarroyo1234
I want to add some features but I can't risk making the code any larger. You've seen how long it takes it to load the GH page.
With a good internet connection and PC it's bearable, but anything less and it becomes quite annoying. Obviously this is due to the ~51k characters of code in the main Readme.md file.
So we've talked in the past about the solution of a bookmarklet / browser extension / etc... They all have their pros and cons.
I thought about something simpler. We can add an HTML template to the code, which contains the script, and render it like a CDN. For example, here is the CDN link for jQuery - https://code.jquery.com/jquery-3.7.0.min.js
So basically an HTML page containing just the script and should therefor be rather snappy to load. We can add a link to it in the main Readme and explain how to use it. Basically the users would need to open the link, click the text 3 times which will automatically select all of it, and then copy and paste, same as before.
The site could be hosted on GH pages, which is free and would be part of this repo.
Let me know what you think :)
I was trying this, but for example in instagram and other websites, there is the Content Security Policy. So loading a cdn or doing a request to a url outside instagram or the allowed list would fail.
from instagramunfollowers.
Yeah I wish that was possible, that would have been ideal.
What I meant is to have a GH site which only shows the script and users could copy it to console just like they do now.
The main difference is that when rendering it in a GH readme file it's very sluggish and heavy.
But if, instead, we render it in a dedicated template then it'll be faster.
I'll make an example in my forked repo in the coming days and show you what I mean :)
from instagramunfollowers.
Yeah I wish that was possible, that would have been ideal. What I meant is to have a GH site which only shows the script and users could copy it to console just like they do now.
The main difference is that when rendering it in a GH readme file it's very sluggish and heavy. But if, instead, we render it in a dedicated template then it'll be faster.
I'll make an example in my forked repo in the coming days and show you what I mean :)
Nono I understand you now haha, I will make it in the afternoon. I hope the people still understand how to do it. I will try to be precise with the new readme instructions
from instagramunfollowers.
I think they'll manage if we explain it well enough.
Also, we have a few options here.
For example, we can render just the script, or we could maybe just have a "copy" button in the page with the script inside of it.
We could also use this page to provide the script in multiple ways.
E.g. both as a copyable script and both as a bookmarklet, etc...
If we decide to go for the second option, see Github's built-in themes for such sites.
I think they're called "Jackyll" themes or something like that.
On second thought I think it might even be nicer than just rendering the script.
from instagramunfollowers.
@davidarroyo1234 Ok so I played around with this.
Have a look - https://github.com/tomleb3/InstagramUnfollowers
Achieves the desired result IMO.
Repository GH page loads quickly, and the link with the script does too.
Everything is fast again, and with this format I don't think we need to worry about the script's length.
from instagramunfollowers.
If we agree on this, then I'll make a related PR at the main repo, and then you'll just need to enable deployment from the repo's settings.
from instagramunfollowers.
If we agree on this, then I'll make a related PR at the main repo, and then you'll just need to enable deployment from the repo's settings.
Looks good, maybe i would put some type of toolbar to easily copy the script
from instagramunfollowers.
Also the lag only seems to happen on chrome based browsers like chrome or edge. Firefox is unaffected
from instagramunfollowers.
Also the lag only seems to happen on chrome based browsers like chrome or edge. Firefox is unaffected
Interesting, haven't actually tested on Firefox.
Well, it's irrelevant now anyway since the new method should be smooth for all browsers.
from instagramunfollowers.
Related Issues (20)
- Show message when scan is finished
- Checkbox not working HOT 2
- select all check box not working HOT 2
- Issue: Disabled 'Select All' Checkbox HOT 1
- Enhancement: Reduce time for -> Sleeping 5 minutes to prevent getting blocked HOT 7
- Error with Permissions-Policy header: Unrecognized feature: 'ambient-light-sensor' HOT 1
- (IDEA) Why not making a tool similiar for threads instead? HOT 3
- Cannot paste code in console HOT 14
- .. HOT 1
- When trying to paste the code: Can be used only on Instagram routes HOT 1
- no deja pegar el codigo en la consola HOT 4
- Preserve user list after unfollowing any
- Error 413
- . HOT 3
- Doesn't do anything HOT 4
- DIscord Token
- How to whitelist accounts HOT 2
- Select all button not working HOT 5
- How to edit sleeping time HOT 7
- EOL? HOT 8
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from instagramunfollowers.