feeds-fun 1.20.7 → 1.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feeds-fun",
-  "version": "1.20.7",
+  "version": "1.21.0",
   "author": "Aliaksei Yaletski (Tiendil) <a.eletsky@gmail.com> (https://tiendil.org/)",
   "description": "Frontend for the Feeds Fun — web-based news reader",
   "keywords": [

package/src/components/FaviconElement.vue

@@ -6,6 +6,7 @@
 
 <script setup lang="ts">
   import * as utils from "@/logic/utils";
+  import noFaviconImage from "@/assets/no-favicon.ico";
   import {computed, ref} from "vue";
 
   const properties = defineProps<{url: string}>();
@@ -18,13 +19,13 @@
 
   const faviconUrl = computed(() => {
     if (noFavicon.value) {
-      return "/no-favicon.ico";
+      return noFaviconImage;
     }
 
     const url = utils.faviconForUrl(properties.url);
 
     if (url == null) {
-      return "/no-favicon.ico";
+      return noFaviconImage;
     }
 
     return url;

package/src/components/page_footer/Footer.vue

@@ -6,6 +6,8 @@
         <div class="flex flex-col space-y-2">
           <div class="font-medium"> The project is in demo mode and free of charge </div>
 
+          <div>Version: {{ settings.version }}</div>
+
           <div>
             © 2023‑{{ year }} Aliaksei Yaletski (<external-url
               url="https://github.com/Tiendil"

package/src/logic/settings.ts

@@ -1,3 +1,5 @@
+declare const __APP_VERSION__: string;
+
 export enum AuthMode {
   SingleUser = "single_user",
   Supertokens = "supertokens"
@@ -8,6 +10,7 @@ export const appDomain = import.meta.env.VITE_FFUN_APP_DOMAIN || "localhost";
 export const appPort = import.meta.env.VITE_FFUN_APP_PORT || "5173";
 
 export const environment = import.meta.env.VITE_FFUN_ENVIRONMENT || "local";
+export const version = __APP_VERSION__;
 
 export const authMode = import.meta.env.VITE_FFUN_AUTH_MODE || AuthMode.SingleUser;
 export const authSupertokensApiBasePath = import.meta.env.VITE_FFUN_AUTH_SUPERTOKENS_API_BASE_PATH || "/supertokens";
@@ -36,6 +39,7 @@ console.log("settings.appDomain", appDomain);
 console.log("settings.appPort", appPort);
 
 console.log("settings.environment", environment);
+console.log("settings.version", version);
 
 console.log("settings.authMode", authMode);
 console.log("settings.authSupertokensApiBasePath", authSupertokensApiBasePath);

package/src/stores/globalSettings.ts

@@ -21,13 +21,8 @@ export const useGlobalSettingsStore = defineStore("globalSettings", () => {
 
   // TODO: We may want to remove this API and move user_id to the user settings API
   const info = computedAsync(async () => {
-    if (!globalState.isLoggedIn) {
-      return null;
-    }
-
-    // force refresh
+    globalState.isLoggedIn;
     dataVersion.value;
-
     return await api.getInfo();
   }, null);
 

package/src/views/MainView.vue

@@ -212,7 +212,7 @@
     <div class="text-center p-5">
       <img
         class="border-2 rounded border-slate-300 mx-auto"
-        src="/news-filtering-example.png"
+        :src="exampleImage"
         alt="News filtering example" />
     </div>
   </wide-layout>
@@ -220,6 +220,7 @@
 
 <script lang="ts" setup>
   import {computed, ref, onUnmounted, watch, provide} from "vue";
+  import exampleImage from "@/assets/news-filtering-example.png";
   import * as settings from "@/logic/settings";
   import {useRouter, RouterLink, RouterView} from "vue-router";
   import {useCollectionsStore} from "@/stores/collections";

package/vite.config.ts

@@ -2,9 +2,15 @@ import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import pkg from './package.json'
 
 export default defineConfig({
   plugins: [vue()],
+
+  define: {
+    __APP_VERSION__: JSON.stringify(pkg.version),
+  },
+
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))