miljegen/browser-milje
1
0
Fork 0
mirror of https://github.com/miljegen/browser-milje.git synced 2025-04-11 12:25:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: miljegen:v0.0.1
Branches Tags
miljegen:main
miljegen:js-edit
miljegen:v0.0.1
...
compare: miljegen:main
Branches Tags
miljegen:main
miljegen:js-edit
miljegen:v0.0.1

8 Commits
v0.0.1 ... main

Author SHA1 Message Date
vuk
aa71f952ec let's try indexdb 2024-11-04 23:42:55 +01:00
vuk
31b725dfc6 milje.js now outputs the version number from the manifest file(testing something out) 2024-09-22 14:03:01 +02:00
Vuk Savić
a009f6425c
Merge pull request #1 from miljegen/js-edit 
JS edit
 2024-09-11 21:26:32 +02:00
coja
ddfe7e7a91 JS edit 2024-09-11 21:17:24 +02:00
Vuk Savić
ff839b5333
delete .vscode directory 
no need for this anymore
 2024-09-10 23:56:28 +02:00
vuk
6355d4f6a6 minor cleanup 2024-09-10 23:52:05 +02:00
vuk
78b6ce361e created .gitignore 2024-09-10 23:49:53 +02:00
vuk
f68d9dad91 extension should now communicate with the official website and hide an element from it 2024-08-22 15:54:57 +02:00
8 changed files with 157 additions and 29 deletions
Show Stats Expand all files Collapse all files

18
.gitignore vendored Normal file
View File

@ -0,0 +1,18 @@
### VisualStudioCode ###
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
!.vscode/*.code-snippets
# Local History for Visual Studio Code
.history/
# Built Visual Studio Code Extensions
*.vsix
### VisualStudioCode Patch ###
# Ignore all local history of files
.history
.ionide

3
.vscode/settings.json vendored
View File

@ -1,3 +0,0 @@
{
"editor.maxTokenizationLineLength": 100000000000000000000
}

13
Makefile Normal file
View File

@ -0,0 +1,13 @@
ENCODED_IMAGES := $(wildcard assets/*.png.64)
IMAGES := $(patsubst assets/%.png.64, images/%.png, $(ENCODED_IMAGES))
out: $(IMAGES)
images/:
mkdir $@
echo '*' > images/.gitignore
images/%.png: assets/%.png.64 | images/
base64 -d $< > $@

17
manifest.json
View File

@ -2,11 +2,15 @@
"manifest_version": 3, "manifest_version": 3,
"name": "browser-milje", "name": "browser-milje",
"description": "adds a milje table cloth on top of your browser viewport", "description": "adds a milje table cloth on top of your browser viewport",
"version": "0.0.1", "version": "0.0.2",
"permissions": ["storage", "activeTab", "scripting"],
"action": { "action": {
"default_popup": "popup.html", "default_popup": "popup.html",
"default_icon": "assets/browser-milje.png" "default_icon": "assets/browser-milje.png"
}, },
"background": {
"service_worker": "background.js"
},
"icons": { "icons": {
"16": "assets/icon-16.png", "16": "assets/icon-16.png",
"32": "assets/icon-32.png", "32": "assets/icon-32.png",
@ -15,8 +19,13 @@
}, },
"content_scripts": [ "content_scripts": [
{ {
"js": ["scripts/milje.js"], "matches": ["<all_urls>", "file:///"],
"matches": ["<all_urls>", "file:///"] "js": ["scripts/milje.js", "scripts/contentScript.js"]
} }
] ],
"browser_specific_settings": {
"gecko": {
"id": ""
}
}
} }

5
popup.html
View File

@ -25,6 +25,11 @@
<body> <body>
<h1>browser-milje!</h1> <h1>browser-milje!</h1>
<img id="milje" src="assets/milje.png" alt="this should represent the milje"> <img id="milje" src="assets/milje.png" alt="this should represent the milje">
<input type="file" id="fileInput" accept="image/*">
<button id="uploadButton">upload milje!</button>
<div id="miljeGallery">
</div>
<script src="milje.js"></script> <script src="milje.js"></script>
</body> </body>
</html> </html>

5
scripts/contentScript.js Normal file
View File

@ -0,0 +1,5 @@
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
if (message.type === "setMilje") {
document.body.style.background = `url(${message.milje})`;
}
});

112
scripts/milje.js
View File

File diff suppressed because one or more lines are too long

13
scripts/popup.js Normal file
View File

@ -0,0 +1,13 @@
document.getElementById('uploadButton').addEventListener('click', async () => {
const miljeInput = document.getElementById('fileInput');
const milje = miljeInput.files[0];
if(!milje) {
alert("Please select a milje.");
return;
}
const base64Milje = await convertImageToBase64(milje);
await saveImage(base64Milje);
await displayImage(base64Milje);
})