3 | Image Downloader
4 |
3 | Image Downloader
4 | 
19 | Made by @vdsabev
20 | 25 | If you're one of the ${numberOfActiveUsers} people using this extension, 26 | over the past ${years} years marketing companies have approached me with 27 | offers to pay in exchange for your private data like: 28 |
29 | 30 |37 | My response to such offers will always be a resounding NO! 38 |
39 | 40 |41 | The extension will remain free, open-source, and 42 | without targeted ads or tracking algorithms. 43 | The source code can be found on GitHub:${' '} 44 | <${ExternalLink} 45 | href="https://github.com/PactInteractive/image-downloader" 46 | /> 47 |
48 | `; 49 | -------------------------------------------------------------------------------- /src/Options/Options.js: -------------------------------------------------------------------------------- 1 | import html, { render, useState } from '../html.js'; 2 | 3 | import { Checkbox } from '../components/Checkbox.js'; 4 | import { isNotStrictEqual } from '../utils.js'; 5 | 6 | import { About } from './About.js'; 7 | import { Support } from './Support.js'; 8 | 9 | const initialOptions = Object.keys(localStorage) 10 | .filter((key) => !key.endsWith('_default')) 11 | .reduce((options, key) => ({ ...options, [key]: localStorage[key] }), {}); 12 | 13 | const defaultOptions = Object.keys(localStorage) 14 | .filter((key) => key.endsWith('_default')) 15 | .reduce( 16 | (options, key) => ({ 17 | ...options, 18 | [key.replace('_default', '')]: localStorage[key], 19 | }), 20 | {} 21 | ); 22 | 23 | const useNotifications = (initialNotifications = []) => { 24 | const [notifications, setNotifications] = useState(initialNotifications); 25 | 26 | function addNotification(type, message) { 27 | setNotifications((notifications) => { 28 | const notification = { message, type }; 29 | const removeNotificationAfterMs = 10_000; 30 | 31 | setTimeout(() => { 32 | setNotifications((notifications) => 33 | notifications.filter(isNotStrictEqual(notification)) 34 | ); 35 | }, removeNotificationAfterMs); 36 | 37 | return [notification, ...notifications]; 38 | }); 39 | } 40 | 41 | return { notifications, addNotification }; 42 | }; 43 | 44 | const Options = () => { 45 | const [options, setOptions] = useState(initialOptions); 46 | 47 | const setCheckboxOption = (key) => ({ currentTarget: { checked } }) => { 48 | setOptions((options) => ({ ...options, [key]: checked.toString() })); 49 | }; 50 | 51 | const setValueOption = (key) => ({ currentTarget: { value } }) => { 52 | setOptions((state) => ({ ...state, [key]: value })); 53 | }; 54 | 55 | function saveOptions() { 56 | Object.assign(localStorage, options); 57 | addNotification('success', 'Options saved'); 58 | } 59 | 60 | function resetOptions() { 61 | setOptions(defaultOptions); 62 | addNotification( 63 | 'accent', 64 | 'All options have been reset to their default values. You can now save the changes you made or discard them by closing this page.' 65 | ); 66 | } 67 | 68 | function clearData() { 69 | const userHasConfirmed = window.confirm( 70 | 'This will delete all extension data related to filters, options, and the name of the default folder where files are saved. Continue?' 71 | ); 72 | if (userHasConfirmed) { 73 | localStorage.clear(); 74 | window.location.reload(); 75 | } 76 | } 77 | 78 | const { notifications, addNotification } = useNotifications(); 79 | 80 | return html` 81 |
83 | Image Downloader
84 | v${chrome.runtime.getManifest().version}
85 | 6 | Try some of our other projects or support Image Downloader directly by 7 | donating on Gumroad: 8 |
9 | 10 |
30 | SlideZones
31 | 
36 |
37 |
38 |
46 | 
48 | CodeBedder.com
49 | 
54 |
55 |
56 |
64 | 
69 | Code Blue
70 | 
78 | 
81 | 
99 | Gumroad page
100 | 
106 |
107 | | Width: | 26 | 27 |28 | 48 | | 49 | 50 |51 | 52 | | 53 | 54 |55 | 75 | | 76 |
| Height: | 80 | 81 |82 | 102 | | 103 | 104 |105 | 106 | | 107 | 108 |109 | 129 | | 130 |
Take a quick look at your browser settings.
16 |17 | If the Ask where to save each file before downloading option is 18 | checked, proceeding might open a lot of popup windows. Continue with 19 | the download? 20 |
21 |