comntr / webext Goto Github PK

comntr 1.3.1

strange - i updated to 1.3.1, set the icon colors in the settings and all was good, but soon after the styles/colors quit working - the icon is black all the time, yet clicking it reveals comments on, for example, the comntr AMO page

The idea itself is nice, but "comntr.live" does not seem to exist anymore?
The example on comntr.github.io does not seem to work, too.
I guess the running costs weren't worth it?

Congrats on featuring on HN, there have been many comments on how to counter toxic comments, here is way using deep learning(using tensorflow.js)

https://github.com/tensorflow/tfjs-models/blob/master/toxicity/README.md

currently:

Don't post any personal information here. Read more.

proposed:

All comments are public so you probably don't want to post any personal information here! Read more.

also, the 'read more' link opens the github repo page in the pop-up iframe - that's probably/maybe not good - personally i think it should open in a new tab

I'd recommend GNU AGPLv3

very interesting and an excellent idea! - i was thinking of something very much like this the last couple of days

1. in order for this to really take off, it has to become very popular and look really good - in that vein, you might want to replace the generic icon for the AMO page with something more elegant

2. you obviously have an interest in respecting privacy - as such, please consider moving the project to GitLab (or some other freedom/privacy respecting repo)

3. in the diagram showing how this ext. networks, it seems to sit between the browser and the destination - i understand you're just grabbing is the comment count apparently, but what happens if comntr.github.io or comntr.live choke? will this slow the loading of the destination site?

4. is it not feasible to add a user name field for commenters? and if that can be added, you might consider changing the 'reply' link to 'reply to [name]' so people don't think they're replying to the whole thread

5. the comments could use some CSS work :) - a dark theme would be great too - i could help with this if desired

6. when one clicks a 'reply' link, the text input should become focused

7. if comments are collapsed, it might be nice to display the number of hidden comments

8. the description for the ext. on AMO is perhaps not as informative as it could be - i can take a stab at editing it if desired

just an idea for a privacy policy if interested...

hopefully something extremely simple and clear, like "comntr totally respects your right to privacy. This extension doesn't send anything anywhere other than the comments you post which are stored on comntr.live."

This not only improves privacy, as the data server won't know the full hash of the url, but also makes the protocol less chatty. GitHub has this feature too: https://github.com/comntr/webext/commit/40632a24 leads to the full sha1. It allows to use as few as 4 hex digits for this particular commit, but returns a 404 if fewer digits are given. This seems to be the right way to go: if a client provides a too short prefix, the data server won't spend CPU time on walking the entire file system.

was troubleshooting why there's no comment count badge on the toolbar icon (likely due to privacy stuff in my config), so i spun up a clean profile, installed comntr and headed to the AMO page where i know there was a comment left - got this...

Failed to download comments: TypeError: NetworkError when attempting to fetch resource.

at the very same time comntr is loading comments from that AMO page on my normal FF profile

Unless I mistake, if a salt derived from the private key is added before computing the sha1, the attack from the database described in the readme (testing thousands of urls against the hash would not work)

extension title:
consider changing the name to "comntr - Leave a comment on any website!" - this clarifies what the add-on does without having to read the descrip.

descrip:
Got something to say? With comntr you can leave a comment on any website, even if the website doesn't allow comments!

Many websites don't allow user comments, or disable comments after a certain period of time. comntr bypasses these Orwellian restrictions by allowing anyone to leave a comment on any website, as well as read comments left by others. Furthermore, your comments cannot be censored by the website administrator.

You can leave a comment or read the comments left by others by simply clicking the comntr toolbar button and writing your comment. When you visit a webpage where others have left comments, the comntr toolbar button will display a badge indicating the number of comments left and clicking the button will display all of the comments in a nice list.

comntr is an open source add-on for Firefox and Chrome that respects your right to privacy and anonymity. Please read the short and clear Privacy Policy for more details.

If you find any bugs or would like to request a feature, you may create an issue on the comntr GitHup repository: https://github.com/comntr/webext

the toolbar icon can hardly be seen if one enables the default FF dark theme

pretty sure there's a WebExt API for detecting what theme the user enabled

i dunno how to do pull requests.... and i'm not too proficient with CSS either :) but this is what i came up with...

body {
    background: #2b2b2b;
    margin: 1em;
}
.github-corner > svg {
    color: #000 !important;
    fill: #ff9000 !important;
}
#comments-count {
    color: #ff9000;
    font-weight: bold;
}
#info-bar {
    color: #e1e1e1;
}
#pii-notice {
    background: #ff9000;
    width: max-content;
    margin: unset;  /* tmp */
    margin-top: 1em;
    font-weight: bold;
    padding: 1em;
}
#topic-url,
#config-url {
    color: #888;
}

/*
 * comments
 */
.hd .r {
    color: #ff9000;
    text-decoration: none !important;
}
.hd .c {
    color: #47e33c;
    text-decoration: none;
}
.ct {
    color: #e1e1e1;
}
.cm {
    margin: 1em 0;
}
.cm.draft {
    background: #3178b4;
    min-width: 300px;
    padding: 10px;
    max-width: 500px;
}
.cm.draft .u {
    color: white;
    padding: 5px 10px;
    background: #286291;
}
.cm.draft .ct {
    background: #4d4d4d;
    border: 3px solid #ff9000;
    ;
    padding: 10px;
    margin-top: 24px;
    min-height: 1.4em;
    line-height: 1.4em;
}
.cm > .hd {
    color: #888;
    font-size: 0.7em;
    user-select: none;
}
.cm > .hd > * {
    margin-right: 5pt;
}
.cm > .hd > .post {
    color: #000;
    font-weight: bold;
    background: #84c7ff;
    padding: 5px 10px;
    border-radius: 18px;
    border: 3px solid #ff9000;
    text-decoration: none;
    float: right;
}
.cm > .hd > .st[state="failed"] {
    color: #f00;
    background: #ff0;
}

.cm > .hd > .st[state="sent"] {
    color: #0f0;
}

.cm > .hd > .r,
.c,
.post {
    text-decoration: underline;
    cursor: pointer;
}
.cm > .ct {
    word-break: break-word;
    word-wrap: break-word;
}
.cm > .ct:empty:not(:focus) {
    cursor: text;
}
.cm > .ct:empty:not(:focus)::before {
    content: 'Your comment...';
    color: #888;
}
.cm > .ct:focus {
    outline: none;
    background: none;
}
.cm > .sub {
    border-left: 2px dashed #a95f00;
    padding-left: 10px;
    margin-left: 1em;
}