From 05440f89d5d037dfb87b89790ad20311832df72d Mon Sep 17 00:00:00 2001 From: fuwaa Date: Sun, 10 Jul 2022 10:11:18 +0800 Subject: [PATCH] implementation: fix chrome get --- public/manifest.json | 6 +- .../Canine-Influenza-declaration-2018.docx | Bin 0 -> 13929 bytes src/assets/images/pint.svg | 2 +- src/assets/styles/index.css | 2 +- src/components/global/CardTitle.tsx | 5 +- src/components/global/Preview.tsx | 2 +- src/components/options/Header.tsx | 21 + src/components/popup/Header.tsx | 17 +- src/components/popup/QuickChange.tsx | 53 +- src/components/popup/QuickSettings.tsx | 37 ++ src/components/popup/Samples.tsx | 40 -- src/methods/Initial.js | 454 ------------------ src/methods/helper.js | 32 ++ src/views/Options.tsx | 17 +- src/views/Popup.tsx | 7 +- tsconfig.json | 5 +- 16 files changed, 169 insertions(+), 531 deletions(-) create mode 100644 src/assets/images/Canine-Influenza-declaration-2018.docx create mode 100644 src/components/options/Header.tsx create mode 100644 src/components/popup/QuickSettings.tsx delete mode 100644 src/components/popup/Samples.tsx delete mode 100644 src/methods/Initial.js create mode 100644 src/methods/helper.js diff --git a/public/manifest.json b/public/manifest.json index 6554388..dbb67c7 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -32,13 +32,13 @@ { "run_at": "document_start", "matches": ["https://*.github.com/*"], - "js": ["initial.js"], - "css": ["pint-css.css"] + "css": ["pint-css.css"], + "js": ["initial.js"] }, { "run_at": "document_end", "matches": ["https://*.github.com/*"], - "js": ["onload.js"], + "js": ["initial.js"], "css": ["unhide.css"] } ], diff --git a/src/assets/images/Canine-Influenza-declaration-2018.docx b/src/assets/images/Canine-Influenza-declaration-2018.docx new file mode 100644 index 0000000000000000000000000000000000000000..8ae7235476f21043952b1b2a35218aaba559afe9 GIT binary patch literal 13929 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� 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 cx8eU`>E)#%-oy(4fP4Fayh*4c%Wtj!2cdGX8vp \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css index 37eb8fe..eb29d1e 100644 --- a/src/assets/styles/index.css +++ b/src/assets/styles/index.css @@ -5,7 +5,7 @@ html, body { /* width: 375px; */ margin: 0; - background-color: #04045c; + background-color: #0d1117; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; diff --git a/src/components/global/CardTitle.tsx b/src/components/global/CardTitle.tsx index 4e51248..cef9b6b 100644 --- a/src/components/global/CardTitle.tsx +++ b/src/components/global/CardTitle.tsx @@ -3,13 +3,14 @@ import "../../assets/styles/App.css"; interface Props { name: string, + color?: string, } export default function CardTitle(props: Props) { - const { name } = props; + const { name,color } = props; return(
-

{name}

+

{name} {color}

); } \ No newline at end of file diff --git a/src/components/global/Preview.tsx b/src/components/global/Preview.tsx index 6a46292..99342b5 100644 --- a/src/components/global/Preview.tsx +++ b/src/components/global/Preview.tsx @@ -19,7 +19,7 @@ const defaultProps: OptionalProps = { export default function Preview( props: Props ) { const { name, color, modifier="ff" } = props; return ( -
+

{name}

+
+ logo +
+

pint for github

+

2.0-dev - advanced mode

+
+
+
+
+ +
+ ); +} diff --git a/src/components/popup/Header.tsx b/src/components/popup/Header.tsx index 0e776d9..9dc89a8 100644 --- a/src/components/popup/Header.tsx +++ b/src/components/popup/Header.tsx @@ -2,6 +2,7 @@ import react from "react"; import logo from "../../assets/images/pint.svg"; import "../../assets/styles/App.css"; import { IoMdSettings } from "react-icons/io"; +import { AiFillGithub } from "react-icons/ai"; export default function Header() { @@ -9,21 +10,29 @@ export default function Header() { chrome.runtime.openOptionsPage() } + function openGithub() { + chrome.tabs.create({ + url: 'https://github.com/fuwaa/pint', + selected: true, + }) + } return ( -
+
logo

pint for github

-

2.0-dev

+

2.0-dev - simple mode

- +
-
); } diff --git a/src/components/popup/QuickChange.tsx b/src/components/popup/QuickChange.tsx index 346d73e..8e23531 100644 --- a/src/components/popup/QuickChange.tsx +++ b/src/components/popup/QuickChange.tsx @@ -5,32 +5,51 @@ import { TextField } from "@mui/material"; import { IoIosBrush } from "react-icons/io"; import Preview from "../global/Preview"; import CardTitle from "../global/CardTitle"; +import { pintSet } from "../../methods/helper"; + +var ac = "#ffffff" +var bc = "#ffffff"; export default function QuickChange() { + function withEvent(func: Function): React.ChangeEventHandler { return (event: React.ChangeEvent) => { const { target } = event; func(target.value); }; } + - const [aColor, setAColor] = react.useState("#ffffff"); - const [bgColor, setBgColor] = react.useState("#ffffff"); - const [color, setColor] = react.useState(aColor); + function pintGet(setting: string, func: Function) { + chrome.storage.local.get([`${setting}`], function (result) { + func(result[`${setting}`]); + }) + } + + + react.useLayoutEffect(() => { + pintGet("__color_calendar_graph_day_L4_bg", setAColor); + pintGet("__color_canvas_default", setBgColor); + // pintGet("__color_canvas_default"); + }) + + const [aColor, setAColor] = react.useState(`${ac}`); + const [bgColor, setBgColor] = react.useState(`${bc}`); + const [color, setColor] = react.useState(`${ac}`); function paintAccent() { setAColor(color); - chrome.storage.sync.set({ accent_main: color }); + pintSet("__color_calendar_graph_day_L4_bg", color); } function paintBg() { setBgColor(color); - chrome.storage.sync.set({ bg_main: color }); + pintSet("__color_canvas_default", color); } return ( -
+
- +
@@ -60,7 +79,7 @@ export default function QuickChange() { size="small" />
- - - - - - - - - + + + + + + + + +
diff --git a/src/components/popup/QuickSettings.tsx b/src/components/popup/QuickSettings.tsx new file mode 100644 index 0000000..1f86dad --- /dev/null +++ b/src/components/popup/QuickSettings.tsx @@ -0,0 +1,37 @@ +import { + FormControl, + InputLabel, + MenuItem, + NativeSelect, + Select, + Switch, +} from "@mui/material"; +import react from "react"; +import "../../assets/styles/App.css"; +import Preview from "../global/Preview"; + +export default function QuickSettings() { + return ( +
+
+

quick settings

+
+
+

view global user pints?

+ +
+
+ +
+ +
+
+
+
+
+ ); +} diff --git a/src/components/popup/Samples.tsx b/src/components/popup/Samples.tsx deleted file mode 100644 index 0ab0fb7..0000000 --- a/src/components/popup/Samples.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import react from "react"; -import "../../assets/styles/App.css"; - -export default function Samples() { - return ( -
-
-

predefined color palettes

-
-
-
-
-
-
-
-
-
-
-
-
- ); -} diff --git a/src/methods/Initial.js b/src/methods/Initial.js deleted file mode 100644 index 70d7cdb..0000000 --- a/src/methods/Initial.js +++ /dev/null @@ -1,454 +0,0 @@ -import { IoLogoJavascript } from "react-icons/io"; - -bucket = {}; -defaultBucket = { - '--color-canvas-default-transparent':"rgba(13, 17, 23, 0)", - '--color-page-header-bg':"#0d1117", - '--color-marketing-icon-primary':"#79c0ff", - '--color-marketing-icon-secondary':"#1f6feb", - '--color-diff-blob-addition-num-text':"#c9d1d9", - '--color-diff-blob-addition-fg':"#c9d1d9", - '--color-diff-blob-addition-num-bg':"rgba(63, 185, 80, 0.3)", - '--color-diff-blob-addition-line-bg':"rgba(46, 160, 67, 0.15)", - '--color-diff-blob-addition-word-bg':"rgba(46, 160, 67, 0.4)", - '--color-diff-blob-deletion-num-text':"#c9d1d9", - '--color-diff-blob-deletion-fg':"#c9d1d9", - '--color-diff-blob-deletion-num-bg':"rgba(248, 81, 73, 0.3)", - '--color-diff-blob-deletion-line-bg':"rgba(248, 81, 73, 0.15)", - '--color-diff-blob-deletion-word-bg':"rgba(248, 81, 73, 0.4)", - '--color-diff-blob-hunk-num-bg':"rgba(56, 139, 253, 0.4)", - '--color-diff-blob-expander-icon':"#8b949e", - '--color-diff-blob-selected-line-highlight-mix-blend-mode':"screen", - '--color-diffstat-deletion-border':"rgba(240, 246, 252, 0.1)", - '--color-diffstat-addition-border':"rgba(240, 246, 252, 0.1)", - '--color-diffstat-addition-bg':"#3fb950", - '--color-search-keyword-hl':"rgba(210, 153, 34, 0.4)", - '--color-prettylights-syntax-comment':"#8b949e", - '--color-prettylights-syntax-constant':"#79c0ff", - '--color-prettylights-syntax-entity':"#d2a8ff", - '--color-prettylights-syntax-storage-modifier-import':"#c9d1d9", - '--color-prettylights-syntax-entity-tag':"#7ee787", - '--color-prettylights-syntax-keyword':"#ff7b72", - '--color-prettylights-syntax-string':"#a5d6ff", - '--color-prettylights-syntax-variable':"#ffa657", - '--color-prettylights-syntax-brackethighlighter-unmatched':"#f85149", - '--color-prettylights-syntax-invalid-illegal-text':"#f0f6fc", - '--color-prettylights-syntax-invalid-illegal-bg':"#8e1519", - '--color-prettylights-syntax-carriage-return-text':"#f0f6fc", - '--color-prettylights-syntax-carriage-return-bg':"#b62324", - '--color-prettylights-syntax-string-regexp':"#7ee787", - '--color-prettylights-syntax-markup-list':"#f2cc60", - '--color-prettylights-syntax-markup-heading':"#1f6feb", - '--color-prettylights-syntax-markup-italic':"#c9d1d9", - '--color-prettylights-syntax-markup-bold':"#c9d1d9", - '--color-prettylights-syntax-markup-deleted-text':"#ffdcd7", - '--color-prettylights-syntax-markup-deleted-bg':"#67060c", - '--color-prettylights-syntax-markup-inserted-text':"#aff5b4", - '--color-prettylights-syntax-markup-inserted-bg':"#033a16", - '--color-prettylights-syntax-markup-changed-text':"#ffdfb6", - '--color-prettylights-syntax-markup-changed-bg':"#5a1e02", - '--color-prettylights-syntax-markup-ignored-text':"#c9d1d9", - '--color-prettylights-syntax-markup-ignored-bg':"#1158c7", - '--color-prettylights-syntax-meta-diff-range':"#d2a8ff", - '--color-prettylights-syntax-brackethighlighter-angle':"#8b949e", - '--color-prettylights-syntax-sublimelinter-gutter-mark':"#484f58", - '--color-prettylights-syntax-constant-other-reference-link':"#a5d6ff", - '--color-codemirror-text':"#c9d1d9", - '--color-codemirror-bg':"#0d1117", - '--color-codemirror-gutters-bg':"#0d1117", - '--color-codemirror-guttermarker-text':"#0d1117", - '--color-codemirror-guttermarker-subtle-text':"#6e7681", - '--color-codemirror-linenumber-text':"#8b949e", - '--color-codemirror-cursor':"#c9d1d9", - '--color-codemirror-selection-bg':"rgba(56, 139, 253, 0.4)", - '--color-codemirror-activeline-bg':"rgba(110, 118, 129, 0.1)", - '--color-codemirror-matchingbracket-text':"#c9d1d9", - '--color-codemirror-lines-bg':"#0d1117", - '--color-codemirror-syntax-comment':"#8b949e", - '--color-codemirror-syntax-constant':"#79c0ff", - '--color-codemirror-syntax-entity':"#d2a8ff", - '--color-codemirror-syntax-keyword':"#ff7b72", - '--color-codemirror-syntax-storage':"#ff7b72", - '--color-codemirror-syntax-string':"#a5d6ff", - '--color-codemirror-syntax-support':"#79c0ff", - '--color-codemirror-syntax-variable':"#ffa657", - '--color-checks-bg':"#010409", - '--color-checks-run-border-width':"1px", - '--color-checks-container-border-width':"1px", - '--color-checks-text-primary':"#c9d1d9", - '--color-checks-text-secondary':"#8b949e", - '--color-checks-text-link':"#58a6ff", - '--color-checks-btn-icon':"#8b949e", - '--color-checks-btn-hover-icon':"#c9d1d9", - '--color-checks-btn-hover-bg':"rgba(110, 118, 129, 0.1)", - '--color-checks-input-text':"#8b949e", - '--color-checks-input-placeholder-text':"#6e7681", - '--color-checks-input-focus-text':"#c9d1d9", - '--color-checks-input-bg':"#161b22", - '--color-checks-input-shadow':"0 0 0 1px (obj) => get_1.default(obj, path)", - '--color-checks-donut-error':"#f85149", - '--color-checks-donut-pending':"#d29922", - '--color-checks-donut-success':"#2ea043", - '--color-checks-donut-neutral':"#8b949e", - '--color-checks-dropdown-text':"#c9d1d9", - '--color-checks-dropdown-bg':"#161b22", - '--color-checks-dropdown-border':"#30363d", - '--color-checks-dropdown-shadow':"rgba(1, 4, 9, 0.3)", - '--color-checks-dropdown-hover-text':"#c9d1d9", - '--color-checks-dropdown-hover-bg':"rgba(110, 118, 129, 0.1)", - '--color-checks-dropdown-btn-hover-text':"#c9d1d9", - '--color-checks-dropdown-btn-hover-bg':"rgba(110, 118, 129, 0.1)", - '--color-checks-scrollbar-thumb-bg':"rgba(110, 118, 129, 0.4)", - '--color-checks-header-label-text':"#8b949e", - '--color-checks-header-label-open-text':"#c9d1d9", - '--color-checks-header-border':"#21262d", - '--color-checks-header-icon':"#8b949e", - '--color-checks-line-text':"#8b949e", - '--color-checks-line-num-text':"#6e7681", - '--color-checks-line-timestamp-text':"#6e7681", - '--color-checks-line-hover-bg':"rgba(110, 118, 129, 0.1)", - '--color-checks-line-selected-bg':"rgba(56, 139, 253, 0.15)", - '--color-checks-line-selected-num-text':"#58a6ff", - '--color-checks-line-dt-fm-text':"#ffffff", - '--color-checks-line-dt-fm-bg':"#9e6a03", - '--color-checks-gate-bg':"rgba(187, 128, 9, 0.15)", - '--color-checks-gate-text':"#8b949e", - '--color-checks-gate-waiting-text':"#d29922", - '--color-checks-step-header-open-bg':"#161b22", - '--color-checks-step-error-text':"#f85149", - '--color-checks-step-warning-text':"#d29922", - '--color-checks-logline-text':"#8b949e", - '--color-checks-logline-num-text':"#6e7681", - '--color-checks-logline-debug-text':"#a371f7", - '--color-checks-logline-error-text':"#8b949e", - '--color-checks-logline-error-num-text':"#6e7681", - '--color-checks-logline-error-bg':"rgba(248, 81, 73, 0.15)", - '--color-checks-logline-warning-text':"#8b949e", - '--color-checks-logline-warning-num-text':"#d29922", - '--color-checks-logline-warning-bg':"rgba(187, 128, 9, 0.15)", - '--color-checks-logline-command-text':"#58a6ff", - '--color-checks-logline-section-text':"#3fb950", - '--color-checks-ansi-black':"#0d1117", - '--color-checks-ansi-black-bright':"#161b22", - '--color-checks-ansi-white':"#b1bac4", - '--color-checks-ansi-white-bright':"#b1bac4", - '--color-checks-ansi-gray':"#6e7681", - '--color-checks-ansi-red':"#ff7b72", - '--color-checks-ansi-red-bright':"#ffa198", - '--color-checks-ansi-green':"#3fb950", - '--color-checks-ansi-green-bright':"#56d364", - '--color-checks-ansi-yellow':"#d29922", - '--color-checks-ansi-yellow-bright':"#e3b341", - '--color-checks-ansi-blue':"#58a6ff", - '--color-checks-ansi-blue-bright':"#79c0ff", - '--color-checks-ansi-magenta':"#bc8cff", - '--color-checks-ansi-magenta-bright':"#d2a8ff", - '--color-checks-ansi-cyan':"#76e3ea", - '--color-checks-ansi-cyan-bright':"#b3f0ff", - '--color-project-header-bg':"#0d1117", - '--color-project-sidebar-bg':"#161b22", - '--color-project-gradient-in':"#161b22", - '--color-project-gradient-out':"rgba(22, 27, 34, 0)", - '--color-mktg-btn-bg':"#f6f8fa", - '--color-mktg-btn-shadow-outline':"rgb(255 255 255 / 25%) 0 0 0 1px inset", - '--color-mktg-btn-shadow-focus':"rgb(255 255 255 / 25%) 0 0 0 4px", - '--color-mktg-btn-shadow-hover':"0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)", - '--color-mktg-btn-shadow-hover-muted':"rgb(255 255 255) 0 0 0 2px inset", - '--color-avatar-bg':"rgba(255, 255, 255, 0.1)", - '--color-avatar-border':"rgba(240, 246, 252, 0.1)", - '--color-avatar-stack-fade':"#30363d", - '--color-avatar-stack-fade-more':"#21262d", - '--color-avatar-child-shadow':"-2px -2px 0 #0d1117", - '--color-topic-tag-border':"rgba(0, 0, 0, 0)", - '--color-counter-border':"rgba(0, 0, 0, 0)", - '--color-select-menu-backdrop-border':"#484f58", - '--color-select-menu-tap-highlight':"rgba(48, 54, 61, 0.5)", - '--color-select-menu-tap-focus-bg':"#0c2d6b", - '--color-overlay-shadow':"0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)", - '--color-header-text':"rgba(255, 255, 255, 0.7)", - '--color-header-bg':"#161b22", - '--color-header-divider':"#8b949e", - '--color-header-logo':"#f0f6fc", - '--color-header-search-bg':"#0d1117", - '--color-header-search-border':"#30363d", - '--color-sidenav-selected-bg':"#21262d", - '--color-menu-bg-active':"#161b22", - '--color-input-disabled-bg':"rgba(110, 118, 129, 0)", - '--color-timeline-badge-bg':"#21262d", - '--color-ansi-black':"#484f58", - '--color-ansi-black-bright':"#6e7681", - '--color-ansi-white':"#b1bac4", - '--color-ansi-white-bright':"#ffffff", - '--color-ansi-gray':"#6e7681", - '--color-ansi-red':"#ff7b72", - '--color-ansi-red-bright':"#ffa198", - '--color-ansi-green':"#3fb950", - '--color-ansi-green-bright':"#56d364", - '--color-ansi-yellow':"#d29922", - '--color-ansi-yellow-bright':"#e3b341", - '--color-ansi-blue':"#58a6ff", - '--color-ansi-blue-bright':"#79c0ff", - '--color-ansi-magenta':"#bc8cff", - '--color-ansi-magenta-bright':"#d2a8ff", - '--color-ansi-cyan':"#39c5cf", - '--color-ansi-cyan-bright':"#56d4dd", - '--color-btn-text':"#c9d1d9", - '--color-btn-bg':"#21262d", - '--color-btn-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-shadow':"0 0 transparent", - '--color-btn-inset-shadow':"0 0 transparent", - '--color-btn-hover-bg':"#30363d", - '--color-btn-hover-border':"#8b949e", - '--color-btn-active-bg':"hsla(212, 12%, 18%, 1)", - '--color-btn-active-border':"#6e7681", - '--color-btn-selected-bg':"#161b22", - '--color-btn-focus-bg':"#21262d", - '--color-btn-focus-border':"#8b949e", - '--color-btn-focus-shadow':"0 0 0 3px rgba(139, 148, 158, 0.3)", - '--color-btn-shadow-active':"inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)", - '--color-btn-shadow-input-focus':"0 0 0 0.2em rgba(31, 111, 235, 0.3)", - '--color-btn-counter-bg':"#30363d", - '--color-btn-primary-text':"#ffffff", - '--color-btn-primary-bg':"#238636", - '--color-btn-primary-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-primary-shadow':"0 0 transparent", - '--color-btn-primary-inset-shadow':"0 0 transparent", - '--color-btn-primary-hover-bg':"#2ea043", - '--color-btn-primary-hover-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-primary-selected-bg':"#238636", - '--color-btn-primary-selected-shadow':"0 0 transparent", - '--color-btn-primary-disabled-text':"rgba(255, 255, 255, 0.5)", - '--color-btn-primary-disabled-bg':"rgba(35, 134, 54, 0.6)", - '--color-btn-primary-disabled-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-primary-focus-bg':"#238636", - '--color-btn-primary-focus-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-primary-focus-shadow':"0 0 0 3px rgba(46, 164, 79, 0.4)", - '--color-btn-primary-icon':"#ffffff", - '--color-btn-primary-counter-bg':"rgba(255, 255, 255, 0.2)", - '--color-btn-outline-text':"#58a6ff", - '--color-btn-outline-hover-text':"#58a6ff", - '--color-btn-outline-hover-bg':"#30363d", - '--color-btn-outline-hover-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-outline-hover-shadow':"0 1px 0 rgba(1, 4, 9, 0.1)", - '--color-btn-outline-hover-inset-shadow':"inset 0 1px 0 rgba(255, 255, 255, 0.03)", - '--color-btn-outline-hover-counter-bg':"rgba(255, 255, 255, 0.2)", - '--color-btn-outline-selected-text':"#ffffff", - '--color-btn-outline-selected-bg':"#0d419d", - '--color-btn-outline-selected-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-outline-selected-shadow':"0 0 transparent", - '--color-btn-outline-disabled-text':"rgba(88, 166, 255, 0.5)", - '--color-btn-outline-disabled-bg':"#0d1117", - '--color-btn-outline-disabled-counter-bg':"rgba(31, 111, 235, 0.05)", - '--color-btn-outline-focus-border':"rgba(240, 246, 252, 0.1)", - '--color-btn-outline-focus-shadow':"0 0 0 3px rgba(17, 88, 199, 0.4)", - '--color-btn-outline-counter-bg':"rgba(31, 111, 235, 0.1)", - '--color-btn-danger-text':"#f85149", - '--color-btn-danger-hover-text':"#ffffff", - '--color-btn-danger-hover-bg':"#da3633", - '--color-btn-danger-hover-border':"#f85149", - '--color-btn-danger-hover-shadow':"0 0 transparent", - '--color-btn-danger-hover-inset-shadow':"0 0 transparent", - '--color-btn-danger-hover-icon':"#ffffff", - '--color-btn-danger-hover-counter-bg':"rgba(255, 255, 255, 0.2)", - '--color-btn-danger-selected-text':"#ffffff", - '--color-btn-danger-selected-bg':"#b62324", - '--color-btn-danger-selected-border':"#ff7b72", - '--color-btn-danger-selected-shadow':"0 0 transparent", - '--color-btn-danger-disabled-text':"rgba(248, 81, 73, 0.5)", - '--color-btn-danger-disabled-bg':"#0d1117", - '--color-btn-danger-disabled-counter-bg':"rgba(218, 54, 51, 0.05)", - '--color-btn-danger-focus-border':"#f85149", - '--color-btn-danger-focus-shadow':"0 0 0 3px rgba(248, 81, 73, 0.4)", - '--color-btn-danger-counter-bg':"rgba(218, 54, 51, 0.1)", - '--color-btn-danger-icon':"#f85149", - '--color-underlinenav-icon':"#6e7681", - '--color-underlinenav-border-hover':"rgba(110, 118, 129, 0.4)", - '--color-action-list-item-inline-divider':"rgba(48, 54, 61, 0.48)", - '--color-action-list-item-default-hover-bg':"rgba(177, 186, 196, 0.12)", - '--color-action-list-item-default-hover-border':"rgba(0, 0, 0, 0)", - '--color-action-list-item-default-active-bg':"rgba(177, 186, 196, 0.2)", - '--color-action-list-item-default-active-border':"rgba(0, 0, 0, 0)", - '--color-action-list-item-default-selected-bg':"rgba(177, 186, 196, 0.08)", - '--color-action-list-item-danger-hover-bg':"rgba(248, 81, 73, 0.16)", - '--color-action-list-item-danger-active-bg':"rgba(248, 81, 73, 0.24)", - '--color-action-list-item-danger-hover-text':"#ff7b72", - '--color-switch-track-bg':"#010409", - '--color-switch-track-border':"#6e7681", - '--color-switch-track-checked-bg':"rgba(31, 111, 235, 0.35)", - '--color-switch-track-checked-hover-bg':"rgba(31, 111, 235, 0.5)", - '--color-switch-track-checked-active-bg':"rgba(31, 111, 235, 0.65)", - '--color-switch-track-checked-border':"#58a6ff", - '--color-switch-knob-checked-bg':"#1f6feb", - '--color-switch-knob-checked-disabled-bg':"#484f58", - '--color-fg-default':"#c9d1d9", - '--color-fg-muted':"#8b949e", - '--color-fg-subtle':"#6e7681", - '--color-fg-on-emphasis':"#ffffff", - '--color-canvas-default':"#0d1117", - '--color-canvas-overlay':"#161b22", - '--color-canvas-inset':"#010409", - '--color-canvas-subtle':"#161b22", - '--color-border-default':"#30363d", - '--color-border-muted':"#21262d", - '--color-border-subtle':"rgba(240, 246, 252, 0.1)", - '--color-shadow-small':"0 0 transparent", - '--color-shadow-medium':"0 3px 6px #010409", - '--color-shadow-large':"0 8px 24px #010409", - '--color-shadow-extra-large':"0 12px 48px #010409", - '--color-neutral-emphasis-plus':"#6e7681", - '--color-neutral-emphasis':"#6e7681", - '--color-neutral-muted':"rgba(110, 118, 129, 0.4)", - '--color-neutral-subtle':"rgba(110, 118, 129, 0.1)", - '--color-accent-fg':"#58a6ff", - '--color-accent-emphasis':"#1f6feb", - '--color-accent-muted':"rgba(56, 139, 253, 0.4)", - '--color-accent-subtle':"rgba(56, 139, 253, 0.15)", - '--color-success-fg':"#3fb950", - '--color-success-emphasis':"#238636", - '--color-success-muted':"rgba(46, 160, 67, 0.4)", - '--color-success-subtle':"rgba(46, 160, 67, 0.15)", - '--color-attention-fg':"#d29922", - '--color-attention-emphasis':"#9e6a03", - '--color-attention-muted':"rgba(187, 128, 9, 0.4)", - '--color-attention-subtle':"rgba(187, 128, 9, 0.15)", - '--color-severe-fg':"#db6d28", - '--color-severe-emphasis':"#bd561d", - '--color-severe-muted':"rgba(219, 109, 40, 0.4)", - '--color-severe-subtle':"rgba(219, 109, 40, 0.15)", - '--color-danger-fg':"#f85149", - '--color-danger-emphasis':"#da3633", - '--color-danger-muted':"rgba(248, 81, 73, 0.4)", - '--color-danger-subtle':"rgba(248, 81, 73, 0.15)", - '--color-open-fg':"#3fb950", - '--color-open-emphasis':"#238636", - '--color-open-muted':"rgba(46, 160, 67, 0.4)", - '--color-open-subtle':"rgba(46, 160, 67, 0.15)", - '--color-closed-fg':"#f85149", - '--color-closed-emphasis':"#da3633", - '--color-closed-muted':"rgba(248, 81, 73, 0.4)", - '--color-closed-subtle':"rgba(248, 81, 73, 0.15)", - '--color-done-fg':"#a371f7", - '--color-done-emphasis':"#8957e5", - '--color-done-muted':"rgba(163, 113, 247, 0.4)", - '--color-done-subtle':"rgba(163, 113, 247, 0.15)", - '--color-sponsors-fg':"#db61a2", - '--color-sponsors-emphasis':"#bf4b8a", - '--color-sponsors-muted':"rgba(219, 97, 162, 0.4)", - '--color-sponsors-subtle':"rgba(219, 97, 162, 0.15)", - '--color-primer-fg-disabled':"#484f58", - '--color-primer-canvas-backdrop':"rgba(1, 4, 9, 0.8)", - '--color-primer-canvas-sticky':"rgba(13, 17, 23, 0.95)", - '--color-primer-border-active':"#F78166", - '--color-primer-border-contrast':"rgba(255, 255, 255, 0.2)", - '--color-primer-shadow-highlight':"0 0 transparent", - '--color-primer-shadow-inset':"0 0 transparent", - '--color-primer-shadow-focus':"0 0 0 3px #0c2d6b", - '--color-scale-black':"#010409", - '--color-scale-white':"#ffffff", - '--color-scale-gray-0':"#f0f6fc", - '--color-scale-gray-1':"#c9d1d9", - '--color-scale-gray-2':"#b1bac4", - '--color-scale-gray-3':"#8b949e", - '--color-scale-gray-4':"#6e7681", - '--color-scale-gray-5':"#484f58", - '--color-scale-gray-6':"#30363d", - '--color-scale-gray-7':"#21262d", - '--color-scale-gray-8':"#161b22", - '--color-scale-gray-9':"#0d1117", - '--color-scale-blue-0':"#cae8ff", - '--color-scale-blue-1':"#a5d6ff", - '--color-scale-blue-2':"#79c0ff", - '--color-scale-blue-3':"#58a6ff", - '--color-scale-blue-4':"#388bfd", - '--color-scale-blue-5':"#1f6feb", - '--color-scale-blue-6':"#1158c7", - '--color-scale-blue-7':"#0d419d", - '--color-scale-blue-8':"#0c2d6b", - '--color-scale-blue-9':"#051d4d", - '--color-scale-green-0':"#aff5b4", - '--color-scale-green-1':"#7ee787", - '--color-scale-green-2':"#56d364", - '--color-scale-green-3':"#3fb950", - '--color-scale-green-4':"#2ea043", - '--color-scale-green-5':"#238636", - '--color-scale-green-6':"#196c2e", - '--color-scale-green-7':"#0f5323", - '--color-scale-green-8':"#033a16", - '--color-scale-green-9':"#04260f", - '--color-scale-yellow-0':"#f8e3a1", - '--color-scale-yellow-1':"#f2cc60", - '--color-scale-yellow-2':"#e3b341", - '--color-scale-yellow-3':"#d29922", - '--color-scale-yellow-4':"#bb8009", - '--color-scale-yellow-5':"#9e6a03", - '--color-scale-yellow-6':"#845306", - '--color-scale-yellow-7':"#693e00", - '--color-scale-yellow-8':"#4b2900", - '--color-scale-yellow-9':"#341a00", - '--color-scale-orange-0':"#ffdfb6", - '--color-scale-orange-1':"#ffc680", - '--color-scale-orange-2':"#ffa657", - '--color-scale-orange-3':"#f0883e", - '--color-scale-orange-4':"#db6d28", - '--color-scale-orange-5':"#bd561d", - '--color-scale-orange-6':"#9b4215", - '--color-scale-orange-7':"#762d0a", - '--color-scale-orange-8':"#5a1e02", - '--color-scale-orange-9':"#3d1300", - '--color-scale-red-0':"#ffdcd7", - '--color-scale-red-1':"#ffc1ba", - '--color-scale-red-2':"#ffa198", - '--color-scale-red-3':"#ff7b72", - '--color-scale-red-4':"#f85149", - '--color-scale-red-5':"#da3633", - '--color-scale-red-6':"#b62324", - '--color-scale-red-7':"#8e1519", - '--color-scale-red-8':"#67060c", - '--color-scale-red-9':"#490202", - '--color-scale-purple-0':"#eddeff", - '--color-scale-purple-1':"#e2c5ff", - '--color-scale-purple-2':"#d2a8ff", - '--color-scale-purple-3':"#bc8cff", - '--color-scale-purple-4':"#a371f7", - '--color-scale-purple-5':"#8957e5", - '--color-scale-purple-6':"#6e40c9", - '--color-scale-purple-7':"#553098", - '--color-scale-purple-8':"#3c1e70", - '--color-scale-purple-9':"#271052", - '--color-scale-pink-0':"#ffdaec", - '--color-scale-pink-1':"#ffbedd", - '--color-scale-pink-2':"#ff9bce", - '--color-scale-pink-3':"#f778ba", - '--color-scale-pink-4':"#db61a2", - '--color-scale-pink-5':"#bf4b8a", - '--color-scale-pink-6':"#9e3670", - '--color-scale-pink-7':"#7d2457", - '--color-scale-pink-8':"#5e103e", - '--color-scale-pink-9':"#42062a", - '--color-scale-coral-0':"#FFDDD2", - '--color-scale-coral-1':"#FFC2B2", - '--color-scale-coral-2':"#FFA28B", - '--color-scale-coral-3':"#F78166", - '--color-scale-coral-4':"#EA6045", - '--color-scale-coral-5':"#CF462D", - '--color-scale-coral-6':"#AC3220", - '--color-scale-coral-7':"#872012", - '--color-scale-coral-8':"#640D04", - '--color-scale-coral-9':"#460701" -}; - -// to initialize the all data using the storage -chrome.storage.sync.get('bucket', function(drops) { - // check if data exists. - if (drops) { - bucket = drops; - } else { - bucket[Object.keys(bucket).length] = defaultBucket; - } -}); - -// Save it using the Chrome extension storage API. -chrome.storage.sync.set({'bucket': bucket}, function() { - // Notify that we saved. - alert('Settings saved'); -}); diff --git a/src/methods/helper.js b/src/methods/helper.js new file mode 100644 index 0000000..3617be1 --- /dev/null +++ b/src/methods/helper.js @@ -0,0 +1,32 @@ +/*global chrome*/ + +export function pintSet( setting, value ) { + var pintKey = {}; + pintKey[`${setting}`] = value; + var settingVar = setting.replace(/_/g, "-"); + chrome.storage.local.set(pintKey); + chrome.tabs.reload(); +} + +export function pintGet(setting, cb) { + var output = ""; + chrome.storage.local.get([`${setting}`], function (result) { + output = result[`${setting}`] + cb(output); + }) +} +// export function pintGet(setting) { +// pintGetInner(setting, finalReturn); +// alert(`returned value: ${value}`); +// return value; +// } + +// export function (setting, callback) { +// callback(result[setting]); +// }); +// }; + +// function finalReturn(finalValue) { +// alert(`result is: ${finalValue}`); +// value = finalValue +// } \ No newline at end of file diff --git a/src/views/Options.tsx b/src/views/Options.tsx index e188d60..6431595 100644 --- a/src/views/Options.tsx +++ b/src/views/Options.tsx @@ -1,10 +1,21 @@ import React from 'react'; import '../assets/styles/App.css'; +import Header from '../components/options/Header'; +import QuickChange from '../components/popup/QuickChange'; +import QuickSettings from '../components/popup/QuickSettings'; export default function Options() { return ( -
- -
+
+
+
+
+ +
+
+ +
+
+
); } diff --git a/src/views/Popup.tsx b/src/views/Popup.tsx index 03f0410..e846d5d 100644 --- a/src/views/Popup.tsx +++ b/src/views/Popup.tsx @@ -2,13 +2,14 @@ import React from 'react'; import '../assets/styles/App.css'; import QuickChange from '../components/popup/QuickChange'; import Header from '../components/popup/Header'; -import Samples from '../components/popup/Samples'; + +import QuickSettings from '../components/popup/QuickSettings'; function Popup() { return ( -
+
- +
); diff --git a/tsconfig.json b/tsconfig.json index f199ca8..e6797a0 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,6 @@ { "compilerOptions": { - "target": "es5", + "target": "es6", "lib": [ "dom", "dom.iterable", @@ -18,7 +18,8 @@ "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, - "jsx": "preserve" + "jsx": "preserve", + "strictNullChecks": false }, "include": [ "src"