diff --git a/package.json b/package.json index e96baa41..49c30075 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "betterseqtaplus", - "version": "3.4.6.1", + "version": "3.4.7", "type": "module", "description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!", "browserslist": "> 0.5%, last 2 versions, not dead", @@ -16,10 +16,7 @@ "dependency-graph": "depcruise src --include-only \"^src\" --output-type dot | dot -T svg > dependency-graph.svg", "release": "gh release create $npm_package_name@$npm_package_version ./dist/*.zip --generate-notes", "publish": "bun lib/publish.js --b", - "zip": "bedframe zip", - "test": "jest", - "test:watch": "jest --watch", - "test:coverage": "jest --coverage" + "zip": "bedframe zip" }, "targets": { "prod": { @@ -40,7 +37,6 @@ "@babel/runtime": "^7.26.9", "@bedframe/cli": "^0.0.91", "@crxjs/vite-plugin": "2.0.0-beta.32", - "@types/jest": "^29.5.14", "@types/mime-types": "^2.1.4", "@types/react": "^19.0.10", "@types/react-dom": "^19.0.4", @@ -48,7 +44,6 @@ "dependency-cruiser": "^16.10.0", "eslint": "9.22.0", "glob": "^11.0.1", - "jest": "^29.7.0", "mime-types": "^2.1.35", "prettier": "^3.5.3", "process": "^0.11.10", @@ -57,7 +52,6 @@ "sass-loader": "^16.0.5", "semver": "^7.7.1", "tailwindcss": "3", - "ts-jest": "^29.3.4", "url": "^0.11.4" }, "dependencies": { diff --git a/src/css/injected.scss b/src/css/injected.scss index 5b87a46d..299c23e7 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -3286,7 +3286,7 @@ body { margin: 0 auto; } .whatsnewImg { - margin: 8px auto; + margin: 0 auto; width: 90%; border-radius: 16px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); @@ -3305,6 +3305,26 @@ body { text-indent: -1em; padding-left: 1em; } +.whatsnewTextContainer .beta { + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; + margin-left: 2px; + font-size: 0.75rem; + font-weight: 500; + color: #9a3412; + background-color: #ffedd569; + border-radius: 9999px; + border: 1px solid rgba(253, 186, 140, 0.3); + background-color: #ffedd5; + border-color: rgba(253, 186, 140, 0.3); +} +.dark .whatsnewTextContainer .beta { + border-color: rgb(124 45 18 / 0.3); + background-color: rgb(124 45 18 / 0.3); + color: rgb(253 186 116); +} .whatsnewTextHeader { font-size: 1.4em !important; color: #4dd868; diff --git a/src/manifests/manifest.json b/src/manifests/manifest.json index 9520c126..92736dce 100644 --- a/src/manifests/manifest.json +++ b/src/manifests/manifest.json @@ -32,7 +32,7 @@ ], "web_accessible_resources": [ { - "resources": ["resources/icons/*"], + "resources": ["resources/icons/*", "resources/update-image.webp"], "matches": ["*://*/*"] } ] diff --git a/src/resources/update-image.webp b/src/resources/update-image.webp new file mode 100644 index 00000000..08bcc031 Binary files /dev/null and b/src/resources/update-image.webp differ diff --git a/src/seqta/utils/Whatsnew.ts b/src/seqta/utils/Whatsnew.ts index b2d9ccf5..1f9a20e9 100644 --- a/src/seqta/utils/Whatsnew.ts +++ b/src/seqta/utils/Whatsnew.ts @@ -41,7 +41,7 @@ export function OpenWhatsNewPopup() { let imagecont = document.createElement("div"); imagecont.classList.add("whatsnewImgContainer"); - let video = document.createElement("video"); + /* let video = document.createElement("video"); let source = document.createElement("source"); source.setAttribute( @@ -53,13 +53,27 @@ export function OpenWhatsNewPopup() { video.loop = true; video.appendChild(source); video.classList.add("whatsnewImg"); - imagecont.appendChild(video); + imagecont.appendChild(video); */ + + let whatsnewimg = document.createElement("img"); + //whatsnewimg.src = "https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/update-image.webp"; + whatsnewimg.src = browser.runtime.getURL('../../resources/update-image.webp'); + whatsnewimg.classList.add("whatsnewImg"); + imagecont.appendChild(whatsnewimg); let textcontainer = document.createElement("div"); textcontainer.classList.add("whatsnewTextContainer"); let text = stringToHTML(/* html */ `