Rebranding, cache improvement and overall cleaning

AlexFlipnote · AlexFlipnote · commit 3f2c31eac907 · 2025-12-18T09:56:27.000+01:00
diff --git a/.github/branding_banner.png b/.github/branding_banner.png
diff --git a/README.md b/README.md
@@ -1,11 +1,10 @@
-![Image](.github/branding_banner.png)
-
+# Homepage++
 A web browser extension that allows you to customize your new tab/homepage with themes, weather and more. I made this many years ago when I was still learning web development, since many people still loved it back in the days when it was first released.
 
 Goal is to make it as lightweight as possible, meaning no unnecessary bloat or dependency. Just a simple and clean homepage, made to be using most of the vanilla web technologies.
 
 > [!NOTE]
-> If you want to test it out before downloading it, you can visit https://alexflipnote.dev/homepage which is the demo page. Some of the functions are available to test, but not all of them for obvious reasons.
+> If you want to test it out before downloading it, you can visit https://alexflipnote.dev/homepageplusplus which is the demo page. Some of the functions are available to test, but not all of them for obvious reasons.
 
 ## Platforms
 - [Chrome](https://chromewebstore.google.com/detail/alexflipnotehomepage/npagigfpfilcemncemkphndcaigegcbk) (or literally any* Chromium-based browser)
@@ -26,7 +25,7 @@ If you want to contribute with translations, feel free to do so by following the
 ## Development
 In order to set up the development environment, you need to have [NodeJS](https://nodejs.org/) installed on your machine. After that, you can clone the repository and install the dependencies using npm or yarn.
 ```bash
-git clone https://github.com/AlexFlipnote/homepage
+git clone https://github.com/AlexFlipnote/homepageplusplus
 cd homepage
 npm install
 ```
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "alexflipnote_homepage",
+  "name": "homepageplusplus",
   "author": "AlexFlipnote",
-  "homepage": "https://alexflipnote.dev/homepage/",
+  "homepage": "https://alexflipnote.dev/homepageplusplus/",
   "type": "module",
   "scripts": {
     "clean": "node build.js clean",
diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,6 @@
 <!--
   Created by AlexFlipnote
-  https://github.com/AlexFlipnote/homepage
+  https://github.com/AlexFlipnote/homepageplusplus
 -->
 <!DOCTYPE html>
 <html>
@@ -12,7 +12,7 @@
 
     <!-- Meta data for public demo -->
     <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-    <meta content="AlexFlipnote/Homepage" property="og:title">
+    <meta content="Homepage++" property="og:title">
     <meta content="A website that gives you a clean homepage." property="og:description">
     <meta content="A website that gives you a clean homepage." name="description">
     <meta name="revisit-after" content="2 days">
diff --git a/src/js/index.js b/src/js/index.js
@@ -34,6 +34,7 @@ function createBookmark(
 ) {
   const container = document.createElement("a")
   container.href = url
+  container.title = name
 
   if (isAuto) {
     container.setAttribute("data-auto", "true")
@@ -191,7 +192,7 @@ if (isExtension) {
 
   // Create some boiler plate bookmarks
   const bookmarksList = document.getElementById("bookmarks")
-  createBookmark(bookmarksList, "Github", "https://github.com/AlexFlipnote/homepage", {
+  createBookmark(bookmarksList, "Github", "https://github.com/AlexFlipnote/homepageplusplus", {
     localFavicon: "images/icons/github.png"
   })
   createBookmark(bookmarksList, "Discord", "https://discord.gg/yqb7vATbjH", {
diff --git a/src/js/utils/cache.js b/src/js/utils/cache.js
@@ -12,12 +12,33 @@ export class Cache {
     return result[this.rootKey] || {}
   }
 
+  /**
+   * Purge expired items from the cache
+   */
+  async purgeExpired() {
+    const store = await this._getStore()
+    const now = Date.now()
+    let modified = false
+    for (const key in store) {
+      const item = store[key]
+      if (item.expiry && now > item.expiry) {
+        delete store[key]
+        modified = true
+      }
+    }
+    if (modified) {
+      await chrome.storage.local.set({ [this.rootKey]: store })
+    }
+  }
+
   /**
    * Get a value inside the cache object
    * @param {string} key - The sub-key (e.g., 'profile')
    * @returns {any} The cached data or null if not found/expired
    */
   async get(key) {
+    await this.purgeExpired()
+
     const store = await this._getStore()
     const item = store[key]
 
diff --git a/src/js/utils/http.js b/src/js/utils/http.js
@@ -14,7 +14,7 @@ export async function http(method, url) {
     headers: {
       "Content-Type": "application/json",
       // The only reason I use X-* headers is because some browsers refuse to set custom "unsafe headers"
-      "X-Referer": "https://alexflipnote.dev/homepage",
+      "X-Referer": "https://alexflipnote.dev/homepageplusplus",
       "X-User-Agent": `AlexFlipnoteHomepage/${manifest.version}`
     }
   })
diff --git a/src/js/utils/settings.js b/src/js/utils/settings.js
@@ -3,7 +3,7 @@
 export const extensionSettings = {
   language: "",
   searchbar: false,
-  animations: true,
+  animations: false,
   custombg: [],
   show_time: true,
   show_date: true,
diff --git a/src/js/utils/weather.js b/src/js/utils/weather.js
@@ -18,8 +18,12 @@ class WeatherData {
 
 export async function getWeather(items, position, lang) {
   const cache = new Cache()
+
   const pos = position.coords
-  const cacheKey = `weatherLocation_${pos.latitude}_${pos.longitude}`
+  const posPrefix = `${pos.latitude.toFixed(2)},${pos.longitude.toFixed(2)}`
+
+  const weatherCacheKey = `weatherData_${posPrefix}`
+  const locationCacheKey = `weatherLocation_${posPrefix}`
 
   const wtemp = document.getElementById("wtemp")
   const wname = document.getElementById("wname")
@@ -32,12 +36,24 @@ export async function getWeather(items, position, lang) {
     }
   }
 
-  const weatherResponse = await http(
-    "GET",
-    `https://api.met.no/weatherapi/locationforecast/2.0/compact?lat=${pos.latitude}&lon=${pos.longitude}`
-  )
+  // Check if weather data is cached (5 minutes)
+  const cachedWeather = await cache.get(weatherCacheKey)
+
+  let weatherData
+  if (cachedWeather) {
+    console.log("📦 Cache: Fetched weather data from cache")
+    weatherData = new WeatherData(cachedWeather, lang || "en")
+  } else {
+    const weatherResponse = await http(
+      "GET",
+      `https://api.met.no/weatherapi/locationforecast/2.0/compact?lat=${pos.latitude}&lon=${pos.longitude}`
+    )
+    const weatherDataRaw = weatherResponse.properties.timeseries[0].data
+    weatherData = new WeatherData(weatherDataRaw, lang || "en")
+    // Cache weather data for 5 minutes (300 seconds)
+    cache.set(weatherCacheKey, weatherDataRaw, 300)
+  }
 
-  const weatherData = new WeatherData(weatherResponse.properties.timeseries[0].data, lang || "en")
   document.getElementById("wicon").src = `images/weather/${weatherData.symbol_code}.png`
   document.getElementById("wdescription").innerText = weatherData.prettyName()
   if (items.temp_type === "fahrenheit") {
@@ -48,7 +64,7 @@ export async function getWeather(items, position, lang) {
   showWeatherContainer()
 
   // OpenStreetMap API can be rate limited, so we cache the location name for 1 hour
-  const weatherLocation = await cache.get(cacheKey)
+  const weatherLocation = await cache.get(locationCacheKey)
 
   if (weatherLocation) {
     console.log("📦 Cache: Fetched location name from cache")
@@ -65,7 +81,7 @@ export async function getWeather(items, position, lang) {
       "Unknown Location"
   )
   showWeatherContainer()
-  cache.set(cacheKey, wname.innerText)
+  cache.set(locationCacheKey, wname.innerText)
 
 }
 
diff --git a/src/manifest.json b/src/manifest.json
@@ -1,10 +1,10 @@
 {
   "manifest_version": 3,
 
-  "name": "AlexFlipnote/Homepage",
+  "name": "Homepage++",
   "description": "A website that gives you a clean homepage.",
-  "homepage_url": "https://alexflipnote.dev/homepage/",
-  "version": "2.4.3",
+  "homepage_url": "https://alexflipnote.dev/homepageplusplus/",
+  "version": "2.5.0",
 
   "chrome_url_overrides": {
     "newtab": "index.html"
diff --git a/src/options.html b/src/options.html
@@ -286,7 +286,7 @@ <h1 class="no-margin">Links</h1><br>
           <a href="https://discord.gg/yqb7vATbjH">
             <img src="./images/icons/discord.png" class="bookmark-icon">
           </a>
-          <a href="https://github.com/AlexFlipnote/homepage">
+          <a href="https://github.com/AlexFlipnote/homepageplusplus">
             <img src="./images/icons/github.png" class="bookmark-icon">
           </a>
         </div>
diff --git a/src/privacy.html b/src/privacy.html
@@ -6,7 +6,7 @@
     <meta name="theme-color" content="#2196F3">
     <title>Homepage</title>
 
-    <meta content="https://alexflipnote.dev/homepage/images/logo.png" property="og:image" />
+    <meta content="https://alexflipnote.dev/homepageplusplus/images/logo.png" property="og:image" />
     <link rel="icon" type="image/x-icon" href="images/favicon.ico">
     <meta content="Privacy Policy" property="og:title" />
     <meta content="Chrome (aka. Google) forced me to make it..." property="og:description" />
@@ -17,10 +17,10 @@
 
   <body id="body" class="dark-theme">
     <section class="container">
-      <h1>Privacy Policy for AlexFlipnote/Homepage</h1>
+      <h1>Privacy Policy for Homepage++</h1>
       <i>Last updated: 21. November 2025</i>
       <p>
-        AlexFlipnote/Homepage respects your privacy.<br>
+        Homepage++ respects your privacy.<br>
         This extension does not collect, store, or transmit any personal data.<br>
         All data and settings are stored locally on your device and are never sent to any external server.
       </p>
diff --git a/src/window.html b/src/window.html
@@ -7,7 +7,7 @@
   </head>
   <body style="width: 20rem;">
     <div class="box-container text-center">
-      <h1 class="no-margin">AlexFlipnote/Homepage</h1>
+      <h1 class="no-margin">Homepage++</h1>
       <p>This plugin overwrites your <b>new tab</b> page.<br>Just open a new tab and see the magic ✨</p>
       <a href="options.html" target="_blank" class="btn white-text info-bg">Settings</a>
     </div>

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ export async function http(method, url) {`
`14`	`14`	`headers: {`
`15`	`15`	`"Content-Type": "application/json",`
`16`	`16`	`// The only reason I use X-* headers is because some browsers refuse to set custom "unsafe headers"`
`17`		`- "X-Referer": "https://alexflipnote.dev/homepage",`
	`17`	`+ "X-Referer": "https://alexflipnote.dev/homepageplusplus",`
`18`	`18`	"X-User-Agent": `AlexFlipnoteHomepage/${manifest.version}`
`19`	`19`	`}`
`20`	`20`	`})`