Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,154,745 members, 7,824,147 topics. Date: Saturday, 11 May 2024 at 12:37 AM |
Nairaland Forum / Science/Technology / Programming / Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot (3025 Views)
Please I Need Help With This Reactjs Issue - Context Api & RTK (pictures) / What Exactly Are SPAMBOT And PYGURU On Nairaland? ? / Chinedu Daniel (andela Programmer) Creates Chrome Extension For Nairaland (2) (3) (4)
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by Captainjoe2019(m): 4:24pm On May 08, 2022 |
What's up! Great devs, are we still doing this? If yes, any update? |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 9:28pm On May 09, 2022 |
Yes, creating a base repo, it's going to be slow work, and not something to rush |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 5:22pm On May 18, 2022 |
I have created the repo and created a questionnaire in Airtable, I will share it within the slack group, if you are interested, kindly join us in slack, pending we have a working sample to allow us to post here without issues. Adios Thanks 3 Likes |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 7:46pm On May 18, 2022 |
2 Likes |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by semmyk(m): 10:14am On May 19, 2022 |
Awesome suggest from 3exe3 Perhaps, to keep the origin (even when it goes 'global'), then maybe NLExtend , NLExtendit 3exe3: |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 4:31pm On May 19, 2022 |
semmyk: I like the idea, I will prepare resources for newcomers then by next week, we will have some discussion, anyone can use it as a portfolio in their profile as long as they contribute. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by Nobody: 5:08am On Jun 13, 2022 |
. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 11:02am On Jun 13, 2022 |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by airsaylongcome: 4:17pm On Jun 13, 2022 |
qtguru: Leave that guy abeg |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 1:36pm On Jun 21, 2022 |
Update: I refactored the previous code and stripped out a lot of it, it's most base code, the popup simply shows a simple message, I sent out a list of invites to those in the Airtable form. The First Phase is adding the control and Ui to Nairaland which is a simple task It simply injects DOM content into Nairaland DOM when the page is loaded and attach an event to it. that's all Thanks to semmyk I went for the name NLExtendIt, I will add your name to the contributor list I will update during free time. 3 Likes 1 Share
|
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by Nobody: 2:30pm On Jun 21, 2022 |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 4:00pm On Jun 21, 2022 |
I sent out mails, please kindly respond it is an invitation to the repo. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by 3exe3: 4:19pm On Jun 21, 2022 |
qtguru: Saw your invite |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 5:12pm On Jun 21, 2022 |
The Manifest file has been updated to only run when the page is on Nairaland, so it loads the Svelte Component into Nairaland DOM Svelte Components are used either via DOM or Programmatically where it takes the node to be injected in and the pass parameter is the props it expects, just like React. Rollup transpiles the application and the converts the TS which in turn compiles our code and packages Svelte runtime with it. Now you can see the extension alter Nairaland when the extension is available. With this, we can move to add the UI for our widget in new topic, currently this extension only runs in the homepage so we can tweak the manifest to allow url wildcards. 3 Likes
|
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 6:41pm On Jun 21, 2022 |
Now the next phase we want to do is to create an activation point, where users can click on the item to render a dialog, which will show list of components to choose from. I will be stealing this icon for our application.
|
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 6:52pm On Jun 21, 2022 |
[s]As you can see, the grammarly extension has injected itself into the node, what should be noted here is that , the Grammarly widget is actually placed infront of the textarea and not inside, what does this mean ? By deduction it scans the Textarea Element, captures the bounding client to determine the height, offsetleft, offsetRight so it can place itself at the bottom of the textarea, we will be following the same suite. [/s] New Findings Apparently, Grammarly extension uses Shadow DOM to replace the existing textarea to render the Main UI, Shadow DOM is something I am familiar with, but never dived deep into. For now we will work with normal DOM Manipulation to set the control for the main time. By today we should be looking at rendering a simple list of component before moving most of the work to Firebase 4 Likes
|
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by 3exe3: 7:34pm On Jun 21, 2022 |
qtguru: Following |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 7:50am On Jun 23, 2022 |
Update I had to remove the previous idea, I was wasting too much time on something not too important, so I decided to go with a Sidebar where you can choose which widget to add to the page, I add the idea of adding it to where the controls exist when you write a post, but the sidebar works more in my opinion. For now, I will keep everything simple, in the future, the UI can always change since it is being built in a Svelte Component. for now I will be setting up Firebase today that is where most of the important details reside in. There are important issues to discuss: 1. What format to store the widget code. e.g so we need to generate a text that the extension scans for and replaces it with the widget in the DOM. e.g [widget type='url' rel='link']Link[/widget] The issue is NL can tomorrow decided to block such, so imagine we can determine what tag to search for in the extension settings. do we encrypt into something else that can only read by extension or come up with our own type of tag. If you have ideas you can comment in the forum Also, is another discussion, what type of widgets do we want? 1. Ability to share Songs with lyrics 2. Share Images easily 3. Interactive content (3D and STL) Once the proof of concept is done, I will be halting development until there is a discussion around which widget makes more sense to start
|
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by 3exe3: 2:20pm On Jun 23, 2022 |
qtguru: Just to be sure I get you Ur saying we got 2 choices: 1. Creating and inserting elements to the Dom. 2. Work with the default NL Dom and look for certain tags where the extensions will work with.( This could have a drawback if NL decides to block it). |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 6:57pm On Jun 23, 2022 |
Biggerbros234: Are you in the slack group ? |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by Biggerbros234: 2:19am On Jun 24, 2022 |
qtguru:No. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by SparkleSix: 3:28pm On Jul 05, 2022 |
qtguru: Greetings, How is the project going? Would love to contribute. Any UI of the base prototype so we can start from there? |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 3:47pm On Jul 05, 2022 |
SparkleSix: Yeah I am working on it, I wanted to build the main base first with firebase for the link widget then anyone can take the Link component example and add multiple widgets to it. I will advance today. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by Nobody: 3:01pm On Aug 23, 2022 |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by XXII: 6:37am On Oct 23, 2022 |
Qtguru, sorry I am putting this here but I am interested in joining your slack group. |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by peterincredible: 6:21am On May 06, 2023 |
Today is Saturday thinking of playing and learning chrome extension development I hope I hope it still popping in the freelance world |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 12:54pm On May 08, 2023 |
peterincredible: It is, I did a 250$ in a day gig and the task was minimal compared to my full-time job. The only thing I'd say is spend so much time learning the architecture because Chrome extension especially Message Passing can be complex. 1 Like |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by peterincredible: 2:53pm On May 08, 2023 |
qtguru:Ok I will just keep on reading their documentation and practicing pls I will like to contact you personally I don't know how to get to you? But make I first ask u still dey naija so |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 3:39pm On May 08, 2023 |
peterincredible: adplist.org/mentors/okeowo-aderemi Book a session |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by BlackhatMentor: 7:54pm On Oct 11, 2023 |
Why did you stop this Project bro? Can we make it a reality? |
Re: Chrome Extension And Enhancement Of A Platform In Context To NL Anti-spambot by qtguru(m): 6:37am On Oct 14, 2023 |
BlackhatMentor: Money made me stop it, I like coding, but as of now, I prefer money more. Clients pay me to code, so I don't have time for projects like this. 4 Likes |
Advantage of using Blender OS 4 creating animated films, visual effects, art etc / Vb6.0 Code / What Is The Difference Between Linux Ubuntu And Linux Kali?
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 44 |