getreflect/reflect-chrome

a mindful website blocker for the productive.

reflect-chrome's Issues

Custom Whitelist Period

Description

[Request Recevied via Chrome Webstore Feedback]
I have never done this before, for any software, app, game, or extension. However, I love the idea of this extension, and I love using it. I wanted to share some suggestions that would improve usage: 1. Allow me to adjust make a custom whitelist time for different websites. For example, I have Netflix and Facebook blocked. When I have an accepted reflection for Netflix, I want to be able to have a whitelist time of 60 minutes for one episode of my favorite documentary series. However, on Facebook, I do not want it to be more than 5 minutes; just enough time for me to reply to a messenger query for my business but not enough to get distracted and scroll. 2. I wish the accepted prompts made more sense. There are many times I use key words I do not mean, because I know they are accepted, although I know my true purpose is just as important and needed.

---

• Refactor whitelist period to be on a per-site basis rather than extension-wide.
• Change current extension-wide whitelist period to be a default for new sites added.

[039] past 7 day website analytics breakdown

Description

Users should be able to see what websites they've visited and what websites have been blocked via a stacked bar chart.

Specifically, for each day we should track:

1. total website visited while reflect is on
2. total websites blocked by reflect
3. total valid intents

[020] - on start block checker

• check all current open tabs and block violating tabs

Blocking Google search by adding www.google.com/search?q to URL whitelist

[Requested from the uninstall Typeform]
" I could not put www.google.com/search?q to block searching."

Migrate onboarding page to be packaged within extension

Description

• move https://getreflect.app/onboarding to be within extension
• add ability to set options at end of onboarding

Customize block page greet to include the user's name

Description

We want to include the user's name in the onboarding and in the blocker greeting: "Hey Jennifer! reflect"

Acceptance Criteria

• Get the user name from Chrome browser API and store it in a variable https://stackoverflow.com/questions/28980582/chrome-extension-how-to-get-user-name
• Display the name on the onboarding screen and blocker greeting

[033] Styling whitelist page

[029] - fix shake bug

• enter any text that is not accepted, shake actually shifts enter button down

[Spike] Research online training

[Received from Chrome Webstore Feedback]
I wish I could put in what is an acceptable answer to the prompt. For example, I blocked Amazon, but I needed a buy a medication. I wish I could put a word such as "necessary" to help trigger the recognition. This app, by the way, is an amazing idea.

Acceptance Criteria

• Research model personalization
• Prepare presentation with possible solutions for issue

[034] - show past intent list

Refactor turning reflect on to not refresh current page

When I turn reflect on, I except my current page to not be refreshed when it the domain is not in my block list. Currently, reflect will reload the page on extension load no matter what

Block tabs that were already open, aside from the one that's currently active

I think I've found a sort-of bug that might be worth taking a look at if you add scheduling. If you have two tabs open, say Twitter and Facebook, and you turn on reflect with, say, Twitter currently open, you can navigate back to Facebook and use it like normal. You can even navigate within Facebook to other routes and reflect doesn't block the page.

Steps to recreate

• Add twitter.com, facebook.com (or any x.com, y.com) to block list
• With reflect off, open twitter.com and facebook.com
• With the Twitter tab active, turn on reflect; Twitter will now be blocked
• Navigate back to the Facebook tab; it will not be blocked. It continues to not be blocked if you go to different routes (eg if you navigate from the homescreen to your profile)

Expected behaviour

When I re-open the Facebook tab, the page should refresh and lock me out.

[041] 7 day analytics stack graph

[027] - use new gke url and switch to axios

[031] - add tf.js classifier

Ability to treat certain subdomains as the same website

Ability to ignore subdomains for some sites on the blocked list:

Example:
Put old.reddit.com and www.reddit.com on the same timer, but not studio.youtube.com and www.youtube.com.

[017] - web accessibility mode

Focus Modes for reflect

Description

As a user, it would be really handy to be able to group and label groups of sites to block, similar to MacOS's focus mode.

Acceptance Criteria

• Prototype UI for grouping sites together in Figma
• Implement data for storing grouped sites
• User can create focus modes
• User can toggle between focus modes

Ability to whitelist subdomain

For me:
youtube.com - is pure evil time killer.
music.youtube.com - is the way to work...

I wanted to disable the first one, but found out I can't work without the second one.

Sliding scale for model acceptance threshold

[Requested from uninstall Typeform]
"It would have been perfect if I could have turned off the intent validation. Frankly, the model just isn't good enough to determine whether my intent is productive or not. I really just wanted to use the extension to prove to myself that I actually had a reason for going to certain websites."

• Setting in "options" page that allows user to vary acceptance threshold (adjusting the leniency of the prompt page)

[024] - status notifications

Add more handy info to popup menu

Description

As a user, it would be useful to have links to the feedback form, adding reviews, and github page via the extension popup

Acceptance Criteria

• Create a design proposal in Figma
• Popup link shows appropriate additions

Issues with subdomains

There are a couple of issues I've run into while trying to block specific subdomains.

1. Blocking the subdomain www will result in nothing getting blocked at all (www.youtube.com)
2. Blocking a domain will block all subdomains, there is no way to configure it. Despite this, if you navigate to a blocked page on a subdomain, the extension will ask you if you want to block the page, even though it shows it as blocked.
   

I'd like a way to block just youtube.com but not music.youtube.com

Regardless, this extension is severely underrated, and I'm really impressed with both the idea and the execution. o7/

Adding reject/accept status to stored intents in analytics

[Request received via "reflect misclassification form]
"shouldn't store intents in analytics if it was rejected (or if it should, it should be marked as rejected in the analytics page"

• add new field in analytics table that specifies whether intents were accepted or rejected

[021] - reinject block page

inject into all tabs on start

Add online training

Description

[Received from Chrome Webstore Feedback]
I wish I could put in what is an acceptable answer to the prompt. For example, I blocked Amazon, but I needed a buy a medication. I wish I could put a word such as "necessary" to help trigger the recognition. This app, by the way, is an amazing idea.

---

Look into doing online training with the ML model. ideally this is implemented as a textbox on the options page where users can add example prompts to tune the model.

Write Changelog for v1.4.0!!

Description

Write documentation for what has changed since v.1.3.0!

Acceptance Criteria

• Write change copy in Notion
• Create a new release on GitHub
• Update get-reflect/get-reflect to include this in data/releases.yaml
• Notify @jackyzha0 to upload new release and wait for approval :))

Schedule when reflect should be on

@jackyzha0 this is the thing I mentioned, but it would be awesome if there was a way to set reflect's "active hours".

Cold Turkey has a nice UI for doing this, where you can set blocks of time for blocking certain websites. It works really well too because you can block group A of websites from 9am to 5pm M-F, while blocking group B of websites from 9am to 5pm Sat-Sun.

[028] - switch to channel based communication between content and background

[038] intents are not wrapped/contracted when too long

[025] - make errors more descriptive

Add Keyboard shortcuts to turn reflect on/off

Description

As a user, it would be really nice to be able to toggle reflect on/off easily without using my mouse and clicking the extension

Acceptance Criteria

• Create a module to easily register/listen to keyboard shortcuts
• Add shortcut to toggle reflect
• Add ability to customize what the hotkey is

Improve Dev Experience

Description

As of now, it's kind of a pain to develop reflect. There's no Typescript hot reloading, saving/retrieving from browser storage is a hassle, and the callback nesting is a friggin jungle.

• Add hot reload
• Create browser storage API
• Cleanup callback hell

[015] - add autopage refresh on page block

[016] - add screenshots / explanation of reflect to readme

Animated Blobs Loading Slowly on Firefox

I'm using Firefox and get stuck on this page for like 1-2 minutes:

As well, after the animated blobs load in, they move pretty slow when hovered over:

[037] add ability to sort logged intent list

Add different timing options

It'll be great if I can have multiple whitelist time options on the prompt screen.
Something like this.

and just maybe, each whitelist time can have a different block page sensitivity or nlp model altogether for different use cases (e.g. the three situations shown in the survey

Resolving url's from redirects before letting reflect intervene

Noticed this today as I tried opening a link a friend send me on messenger. reflect thought I was going to facebook but this was just the wrapper that facebook puts on messenger links

i.e. https://l.facebook.com/l.php?u=https%3A%2F%2Fwww.reddit.com%2Fr%2Faww%2Fcomments%2Fgl5xg5%2Fonce_you_run_into_a_glass_door_you_develop_trust%2F&h=AT1x6960Xt941fCiwH42QnK1m5fejFGi7hreqtjdgYOfHZCNtyZOzxOb2fF-Xqy3wRi12tOkwmRb4bkuGM8OuvY_TqIpxZ0xLEgEPysyoBegg6TKg8bHgJAg6IyFlcCk-r4_YTTXEevn3QQ&s=1

[036] make popup better

• whether current site is blocked
• option to block/unblock in popup

Make intent classification optional

The assessment of whether an intent is “productive” or not can backfire. Sometimes when my intent is clear (and, in my mind, productive) it takes me five attempts or more to get through. This is so infuriating that I have ended up on several occasions disabling the extension, which is clearly not how it should work.

As a user what I need is a prompt to ensure I have a clear, specific intention when visiting a website, and some time pressure to make me stick to this intention. I am the best judge of the value of that intention. So for me, verifying that the intention has not been used in the past 10 or 20 visits is good enough, and I don’t need the additional validation step. What about making it optional?

[035] - remove set default num entries from update setup

line 22 in backgrount.ts

// TODO: remove in next update
chrome.storage.sync.set({'numIntentEntries': 20}, () => {
    console.log('Default number of intent entries set.')
});

Custom message display

Description

[Request received via email]

I had an idea that you guys by no means have to implement, it's basically being able to customize a message for yourself that advises you NOT to use a certain blocked website. I find myself turning the extension off to avoid answering the intent question and continuing on to use the distracting website. It might help me if I saw a message that I wrote myself for the certain site like "C'mon! You know you don't feel great after watching Youtube. Take a deep breath and rethink." Let me know what you think!

---

Should be implemented by modifying this paragraph tag in src/content.ts

reflect-chrome/dist/res/pages/prompt.html

Line 12 in ec45602

<p>hey! what are you here for?</p>

Display loading status after submitting intent

Description

The extension should show that the intent is being processed after submitting to account for the processing delay. Optionally, the error message should stay on screen rather than fade away after a few seconds - this is so the user will catch that their intent is invalid

Acceptance Criteria

• loading status for button (with spinner)
• error message should stay on screen for better accessibility

[030] add url + new gke address

Fix responsiveness of actual block page

Fix main block page not being responsive. Right now, the main block page looks fine on larger screens:

but on smaller screens:

Option to disable 7 day analytics tracking

Dependent on #56

Youtube video starts from beginning instead of from where I left

Scenario-
Given - I am learning on youtube and enabled reflect on firefox
When - Reflect timer gets expired.
Then - when i enter by putting in a valid reason in reflect, video starts from the beginning.

Needs some inputs, am I missing some configuration or is reflect designed to behave like this.

Thoughts--
Before timing out can reflect prompt the user asking if he is still busy learning, in that way user will have a uninterrupted learning/ watching experience.