feeds-fun 1.10.3 → 1.11.1

package/package.json

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

package/src/layouts/SidePanelLayout.vue

@@ -48,15 +48,6 @@
       <header class="flex items-center leading-8">
         <div class="display:flex items-center mr-auto">
           <ul class="list-none m-0 p-0 flex space-x-2">
-            <li>
-              <a
-                href="/"
-                class="ffun-header-link"
-                @click.prevent="router.push({name: 'main', params: {}})"
-                >Home</a
-              >
-            </li>
-
             <li
               v-for="[mode, props] of e.MainPanelModeProperties"
               :key="mode">
@@ -75,25 +66,58 @@
               >
             </li>
 
-            <li>
+            <li class="">
               <a
                 href="/api/docs"
                 target="_blank"
                 class="ffun-header-link"
                 style="text-decoration: none"
-                >API&#8599;</a
+                >API</a
               >
             </li>
 
-            <li>
+            <li v-if="settings.blog">
               <a
-                :href="settings.githubRepo"
+                :href="settings.blog"
                 target="_blank"
                 class="ffun-header-link"
                 style="text-decoration: none"
-                >GitHub&#8599;</a
+                >Blog</a
               >
             </li>
+
+            <li v-if="settings.redditSubreddit">
+              <a
+                :href="settings.redditSubreddit"
+                target="_blank"
+                class="ffun-header-link text-xl align-middle"
+                title="Reddit"
+                style="text-decoration: none"
+                ><i class="ti ti-brand-reddit"></i
+              ></a>
+            </li>
+
+            <li v-if="settings.discordInvite">
+              <a
+                :href="settings.discordInvite"
+                target="_blank"
+                class="ffun-header-link text-xl align-middle"
+                title="Discord"
+                style="text-decoration: none"
+                ><i class="ti ti-brand-discord"></i
+              ></a>
+            </li>
+
+            <li v-if="settings.githubRepo">
+              <a
+                :href="settings.githubRepo"
+                target="_blank"
+                class="ffun-header-link text-xl align-middle"
+                title="GitHub"
+                style="text-decoration: none">
+                <i class="ti ti-brand-github"></i
+              ></a>
+            </li>
           </ul>
         </div>
 

package/src/logic/settings.ts

@@ -13,7 +13,14 @@ export const authMode = import.meta.env.VITE_FFUN_AUTH_MODE || AuthMode.SingleUs
 export const authSupertokensApiBasePath = import.meta.env.VITE_FFUN_AUTH_SUPERTOKENS_API_BASE_PATH || "/supertokens";
 export const authSupertokensResendAfter = import.meta.env.VITE_FFUN_AUTH_SUPERTOKENS_RESEND_AFTER || 60 * 1000;
 
+export const blog = import.meta.env.VITE_FFUN_BLOG || "https://blog.feeds.fun";
 export const githubRepo = import.meta.env.VITE_FFUN_GITHUB_REPO || "https://github.com/Tiendil/feeds.fun";
+export const discordInvite = import.meta.env.VITE_FFUN_DISCORD_INVITE || "https://discord.gg/C5RVusHQXy";
+export const redditSubreddit = import.meta.env.VITE_FFUN_REDDIT_SUBREDDIT || "https://www.reddit.com/r/feedsfun/";
+
+export const plausibleEnabled = import.meta.env.VITE_FFUN_PLAUSIBLE_ENABLED == "true" || false;
+export const plausibleDomain = import.meta.env.VITE_FFUN_PLAUSIBLE_DOMAIN || "localhost";
+export const plausibleScript = import.meta.env.VITE_FFUN_PLAUSIBLE_SCRIPT || "";
 
 console.log("settings.appName", appName);
 console.log("settings.appDomain", appDomain);
@@ -25,4 +32,11 @@ console.log("settings.authMode", authMode);
 console.log("settings.authSupertokensApiBasePath", authSupertokensApiBasePath);
 console.log("settings.authSupertokensResendAfter", authSupertokensResendAfter);
 
+console.log("settings.blog", blog);
 console.log("settings.githubRepo", githubRepo);
+console.log("settings.discordInvite", discordInvite);
+console.log("settings.redditSubreddit", redditSubreddit);
+
+console.log("settings.plausibleEnabled", plausibleEnabled);
+console.log("settings.plausibleDomain", plausibleDomain);
+console.log("settings.plausibleScript", plausibleScript);

package/src/main.ts

@@ -98,6 +98,10 @@ app.mount("#app");
 import * as api from "@/logic/api";
 import * as settings from "@/logic/settings";
 
+/////////////////////
+// supertokens
+/////////////////////
+
 // must be copy of smart_url from backend
 function smartUrl(domain: string, port: number) {
   if (port == 80) {
@@ -136,3 +140,16 @@ async function onSessionLost() {
 }
 
 api.init({onSessionLost: onSessionLost});
+
+/////////////////////
+// plausible
+/////////////////////
+
+if (settings.plausibleEnabled) {
+  const script = document.createElement("script");
+  script.src = settings.plausibleScript;
+  script.async = true;
+  script.defer = true;
+  script.setAttribute("data-domain", settings.plausibleDomain);
+  document.body.appendChild(script);
+}

package/src/style.css

@@ -1,3 +1,5 @@
+@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -51,7 +53,7 @@
   }
 
   .ffun-header-link {
-    @apply text-blue-600 hover:text-blue-800 cursor-pointer text-lg;
+    @apply text-blue-600 hover:text-blue-900 cursor-pointer text-lg;
   }
 
   .ffun-normal-link {

package/src/views/MainView.vue

@@ -5,7 +5,7 @@
       <small class="block text-lg font-normal">Personalized news for professionals</small>
     </template>
 
-    <div class="max-w-md mx-auto">
+    <div class="max-w-lg mx-auto">
       <div class="ffun-info-good">
         <supertokens-login />
       </div>