From a01d1cc3be1e63245846df83510718f93ad2d16a Mon Sep 17 00:00:00 2001
From: Alpi-Laptop <a.inceismail@tourbosoft.de>
Date: Mon, 22 Nov 2021 19:39:33 +0100
Subject: [PATCH] #added manifest #added files for first test
---
background.js | 6 ++++++
button.css | 13 +++++++++++++
images/get_started128.png | Bin 0 -> 2816 bytes
images/get_started16.png | Bin 0 -> 495 bytes
images/get_started32.png | Bin 0 -> 814 bytes
images/get_started48.png | Bin 0 -> 1231 bytes
manifest.json | 21 ++++++++++++++++++++-
popup.html | 11 +++++++++++
popup.js | 17 +++++++++++++++++
9 files changed, 67 insertions(+), 1 deletion(-)
create mode 100644 background.js
create mode 100644 button.css
create mode 100644 images/get_started128.png
create mode 100644 images/get_started16.png
create mode 100644 images/get_started32.png
create mode 100644 images/get_started48.png
create mode 100644 popup.html
create mode 100644 popup.js
diff --git a/background.js b/background.js
new file mode 100644
index 0000000..41f874d
--- /dev/null
+++ b/background.js
@@ -0,0 +1,6 @@
+let color = '#3aa757';
+
+chrome.runtime.onInstalled.addListener(() => {
+ chrome.storage.sync.set({ color });
+ console.log('Default background color set to %cgreen', `color: ${color}`);
+});
\ No newline at end of file
diff --git a/button.css b/button.css
new file mode 100644
index 0000000..b477d83
--- /dev/null
+++ b/button.css
@@ -0,0 +1,13 @@
+button {
+ height: 30px;
+ width: 30px;
+ outline: none;
+ margin: 10px;
+ border: none;
+ border-radius: 2px;
+}
+
+button.current {
+ box-shadow: 0 0 0 2px white,
+ 0 0 0 4px black;
+}
\ No newline at end of file
diff --git a/images/get_started128.png b/images/get_started128.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c1cf87615c86adb4e84f935297e12f425548a9e
GIT binary patch
literal 2816
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
TSUZz}fq}u()z4*}Q$iB}FR3c@
literal 0
HcmV?d00001
diff --git a/images/get_started16.png b/images/get_started16.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb8531c8eed86b5f70f7075d7ba5006d7dad97fe
GIT binary patch
literal 495
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0UgqCl9DU8UnS
z0|VniPZ!4!i_>!_+h+(TN*t@7zT10;T9#C%aL~l8E)f;otr~@bF;<~k9-OkfG^X(R
zWqEVSa<T62;1FYHSAV(S!2$up$sV#tjs=NsDHDk5Y1|@N<nE(4y@s##(ZoBRzxw#k
ze}4S;bM2+A)6I|eOgpf4pLv&!-oEXb8yz|}O$b!_r+048zlNO~-}%g#n>R@=c9&~b
zE-Qcgil^M3TmEo2d}BO0xtS*-nxl4et%HuhBe(oHzrI~&_ATVDU~gymkXgs@ZvK3S
zztc8VMlp3w-u&d3-lku>nHO{YUG^aHk<q=mt{Y0q9bTTZy>yLXX1VDBrU#$RmYCb<
z^y&-f{dY0m&i7}V><ruGKbOo^{k-(rm8pTEXKcm)yqdNBrCEbr+1&KVhdYE9Yu#A+
z#fte!0n1{o82vzva)r!`*BZPM-|t@@qAL7R{kqhJpQTeL?s&yzaXq+5?%?-tqT&8;
zgkDdJZVO(_b?^^!I>Uj9t(tlK;*y=KS!yo*<9;)3=6<HX&xHG4=I7MCy#HRu+i3Y8
zN0kLjWR};Nc-;(|uvExY)q8K^twZJYHBa>SzNyPy`DVf?1_lNOPgg&ebxsLQ0BnNT
AzW@LL
literal 0
HcmV?d00001
diff --git a/images/get_started32.png b/images/get_started32.png
new file mode 100644
index 0000000000000000000000000000000000000000..77152233a85eb4834ebbb36106282159e75f1337
GIT binary patch
literal 814
zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}oCO|{#S9D#TS1u7^1`|K
z3=B*UJY5_^A`Ty&9_=BLC~~}hbGUeVZ1`nY6TvgnGk7mwVwu`BO^4g$h=Hqsme5iM
zO{azJZxmO|YucdE!BIVtV^Ko&XT?s1z=MZAF{v(*+`4O*we>q6{<6S5Z{F=#`@C?U
zadF-KpY!w2{cL&kPHL*I3A01oE5E!a^N!jZFa7CUcw1%*Z`nnATbWDOr%pV-y`lf#
z%ZI8A4G&I>d-Tg?uo+x4cdE+RzvYLBRoA(~ec#0xc10}Tv-%CwuAThasvT2H#jZ@U
zc<dJWO(#vVAoWS`q&a>CZ_d3^`g4Dp*!)9J|5QyeR}WkJGHKcG0&AUfN97)@e`kMh
z-OhElx$Y(hF-yOc6J>BN<Fg9<GyT*Ol?R`-?oKr=xz3}|p~SuQ><xao2Y1CAPwuSe
zT6X(^*R{lX^{<lMoBEGPnjb7Jxy}|)#Nqr|wd$A1o$pV+mX?cc(mvjjzeF~8$61Xj
zx-$6=EAke+TqwVOOX24d{*!y;BA+~4xq8M)g`dCg^8R(6$CP@$?#tD$Tguw`{vF>l
z$?J8pebKQ@mFSga42~ifw{E%oF@(?hM^Q(goMe32@-l{<YnsA^3w<g@eAQD=Eq+j!
zpJ=z$F`4a@b|L@C*}vp>w5O=J_nI+W&APnj_tVILFW*iuvIM5Yb)DPsVrqy%gfjC5
z>q|4{Ty<wn__Unw;3PT81CL&~Z|iPc!H{w*^-5}T#0}E~Q}^YDk&i=iU0=x0S1>Ow
z=G|;@yurqL6|cg>o3&Eit-g#`-Uxfl-L;Na!Qg`br85$G%L9WyoMICG_Ta#-U+q`9
zTe5SnyybJzX+52}MC*Ki?Vi%&vmRfo1f%?lHij(PbU@_WIq9w%6+XGxVu9WYwUE7W
zSEfa2EwS5menz2XuSJe_eCdsn9dq2~nao^q>XmBZhlmpow4X87{uDe@{W;w7h_r44
z(|-R+2G*W?FT2Gq6y581;4$-T)~2q8RTT!T`;#^-SGbwKUiwOoXLILLOUE0pUjNkZ
Ye(>`&4{LM|0|Nttr>mdKI;Vst0NW&cMF0Q*
literal 0
HcmV?d00001
diff --git a/images/get_started48.png b/images/get_started48.png
new file mode 100644
index 0000000000000000000000000000000000000000..94ddde9b35a3d70e95966d838a3948959465272f
GIT binary patch
literal 1231
zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4mJh`hH$2z?F<YIoCO|{#S9FL0wB!DawPpN
z0|QH=r;B4q#=Wbv;&XyaMULC={r+y-QrR4qTZVU9bW;r?r|aGhI3lpQr{(2owI;_j
zCY2qY4Jmq3rh%RN&YYD<e)O#Qog?o>9Tl~_P6dAEIR`sWxv}WTI;SPf4RYK4_5R+q
z{KZT+CH|IA|7LUd&b|A#`_I3xIsf<XInPq*{x=;Hj;WoES!1BPyzFb*S=qSxGRwbv
z#ou{+c2j4Ox1qW_`#aVXhPvtJf90~U*I&;0w8)e_{hB=|<DR_>Cvv}Ay_qrX%-tdf
zV}|0xauu7j-hH(0%BsvsRTaMz{(ryvlJ0A{H&<Ikd^_~FSYhf}o!LJgbfzi2o1gx7
znwVh4^NZpqCy5JMm23P}+OT-Vv{iSsrfjZu{J12XC9PyVU%5aT|CygX6Zm$8w_Csa
zJ!eASF8`l06%*bCTQOaHVVBCd=xXgLCYRN}r<`ewD4Aa**b(}Dmb-(VuJg9(XUoDe
zl$}p`M0}scaAIky$8D(-cLF#YUYE^~7XB_){mo|L)dLro+dtGkZvG|a<?hA5=kpzX
zYM#h&aaQxktA}S?6F08#eOj@;|DV0cp2nTpSDm^&d^;!ZRo#6fe3Njq%F#8ymoQ3f
z&pEnbe`{dB$MK1pZ2v>#ERMYlDx4Sa^U;>R*x6sMggO+28c#}(j}dTEnjC-UlU1#s
ztZ(e(K;M6PpV^d3=6(1abX{e}bwSPlLQBrHGR~O!=l5Q_Th%q3o)=yQWxkp9s45{f
zM!=BSqt%S(ceF*F-I0w81A^=rl7$oR{Wj}Zb-vv+KZ9FAuA(=vf5wMX=S4fW$=Mg>
z={l7yHDfrY8+}r1+r@j2uctV_F4y3R3+7y(eU(ii=C_W$mB<{u(9N+sKUdp-T9g{-
zu9(Geah7w~#@=LSN8f%?zv-toc&ldA>g{AG%9IRlH2BNMy7ujj0FKx)*GZ}=+Rrv+
zC;mF%7cQ|_(|VPE))j`t+scOdVIOaOxKYx_IWzn6>IFNir~9q0QV{IsJh0@tu1~H^
z^ZXTzM(5@&yP&1V;c&3NZqlu(0ms)RpBGM!np=^(*f*)@(fTKD2kzHr{d$_c<vp{_
zJ~yXbU!98>mE!d088cs*a$=U>y?OeHkva-@Uij4sY2Tfnd|r6t^K9|fWm&e3vzuLP
z#3%C$*nHQXXUx1OX!Ug!@mE?YTslfkk7M6{V~l@2JLM#ouD|4Dy}8G-nCqS|4_sdt
z!yveR`t7s6Q|v`NrCb)eJ}KDSxbos-j&Qpx`_#hb@YSr%-?-Dj>3E*-HB~34O+PEP
zcTRY%a_Q)F@pamQFYH^F@0=)lDA%fdcE$~n=(ro7Rd1Ee%2;D2u;Z8MF>iM9efmo*
zWGlYCb*Xz+x$S!X@_mQSlshkcd8wdp^6Jt~hs=E*zMVa`{zpE4cb&31_eIj1_H*15
z?*0p$lm5W_#pdaomS#wnigq*1;BwnxBX(>}JJabe9~G9k1Tf_(%_}^!NSteyKxWsi
zUcF*n10(4N$DUZspZk7Zc!+mzq|Ka}*5_ZVA24rxA#Ru^F`<=5$9wtgoqf^4D-x#`
v-uIPxH<9I$-68#T_un%t{e3_8AL|GA4ZHe!H{N4lU|{fc^>bP0l+XkKC8$CS
literal 0
HcmV?d00001
diff --git a/manifest.json b/manifest.json
index 890e74c..b51db08 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,5 +2,24 @@
"name": "Getting Started Example",
"description": "Build an Extension!",
"version": "1.0",
- "manifest_version": 3
+ "manifest_version": 3,
+ "background": {
+ "service_worker": "background.js"
+ },
+ "permissions": ["storage", "activeTab", "scripting"],
+ "action": {
+ "default_popup": "popup.html",
+ "default_icon": {
+ "16": "/images/get_started16.png",
+ "32": "/images/get_started32.png",
+ "48": "/images/get_started48.png",
+ "128": "/images/get_started128.png"
+ }
+ },
+ "icons": {
+ "16": "/images/get_started16.png",
+ "32": "/images/get_started32.png",
+ "48": "/images/get_started48.png",
+ "128": "/images/get_started128.png"
+ }
}
\ No newline at end of file
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..fb6caa0
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <link rel="stylesheet" href="button.css">
+ <title>DigitalME</title>
+</head>
+<body>
+<button id="changeColor"></button>
+<script src="popup.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..4e81f49
--- /dev/null
+++ b/popup.js
@@ -0,0 +1,17 @@
+// When the button is clicked, inject setPageBackgroundColor into current page
+changeColor.addEventListener("click", async () => {
+ let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+
+ chrome.scripting.executeScript({
+ target: { tabId: tab.id },
+ function: setPageBackgroundColor,
+ });
+});
+
+// The body of this function will be executed as a content script inside the
+// current page
+function setPageBackgroundColor() {
+ chrome.storage.sync.get("color", ({ color }) => {
+ document.body.style.backgroundColor = color;
+ });
+}
\ No newline at end of file
--
GitLab