fix: register and login

Author: gustavotoyota

new-deepnotes/apps/marketing/src/components/NavBar.vue

@@ -2,9 +2,14 @@
 import { computed, ref } from "vue";
 import { useRoute } from "vue-router";
 import { Button } from "@/components/ui/button";
+import { useAuthHint } from "@/composables/useAuthHint";
 
 const route = useRoute();
-const appHref = computed(() => import.meta.env.VITE_WEB_APP_URL?.trim() || "/");
+const appBase = computed(() => import.meta.env.VITE_WEB_APP_URL?.trim().replace(/\/$/, "") || "/");
+const appHref = computed(() => appBase.value);
+const loginHref = computed(() => `${appBase.value}/login`);
+const registerHref = computed(() => `${appBase.value}/register`);
+const { isLoggedIn } = useAuthHint();
 
 const navLinks = [
   { to: "/pricing", label: "Pricing" },
@@ -109,9 +114,19 @@ function toggleTheme() {
           </svg>
         </button>
 
-        <Button as="a" :href="appHref" variant="default" size="sm">
-          Open app
-        </Button>
+        <template v-if="isLoggedIn">
+          <Button as="a" :href="appHref" variant="default" size="sm">
+            Open app
+          </Button>
+        </template>
+        <template v-else>
+          <Button as="a" :href="loginHref" variant="ghost" size="sm">
+            Log in
+          </Button>
+          <Button as="a" :href="registerHref" variant="default" size="sm">
+            Get started
+          </Button>
+        </template>
       </div>
     </div>
   </header>

new-deepnotes/apps/marketing/src/composables/useAuthHint.ts

@@ -0,0 +1,16 @@
+import { ref, onMounted } from "vue";
+
+function readLoggedInCookie(): boolean {
+  if (typeof document === "undefined") return false;
+  return document.cookie.split("; ").some((c) => c.startsWith("loggedIn=true"));
+}
+
+export function useAuthHint() {
+  const isLoggedIn = ref(false);
+
+  onMounted(() => {
+    isLoggedIn.value = readLoggedInCookie();
+  });
+
+  return { isLoggedIn };
+}

new-deepnotes/apps/marketing/src/pages/HomePage.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { useHead } from "@unhead/vue";
 import { Button } from "@/components/ui/button";
+import { useAuthHint } from "@/composables/useAuthHint";
 import {
   Card,
   CardContent,
@@ -10,7 +11,10 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 
-const appHref = computed(() => import.meta.env.VITE_WEB_APP_URL?.trim() || "/");
+const appBase = computed(() => import.meta.env.VITE_WEB_APP_URL?.trim().replace(/\/$/, "") || "/");
+const appHref = computed(() => appBase.value);
+const registerHref = computed(() => `${appBase.value}/register`);
+const { isLoggedIn } = useAuthHint();
 
 useHead({
   title: "DeepNotes — End-to-end encrypted notes",
@@ -105,8 +109,16 @@ const useCases = [
         infinite canvas tool with deep nesting and real-time collaboration.
       </p>
       <div class="mt-8 flex flex-wrap items-center justify-center gap-3">
-        <Button as="a" :href="appHref" size="lg"> Get started for free </Button>
-        <Button as="a" :href="appHref" variant="outline" size="lg">
+        <Button as="a" :href="registerHref" size="lg">
+          Get started for free
+        </Button>
+        <Button
+          v-if="isLoggedIn"
+          as="a"
+          :href="appHref"
+          variant="outline"
+          size="lg"
+        >
           Open app
         </Button>
       </div>
@@ -170,7 +182,7 @@ const useCases = [
         Start organizing your thoughts on an infinite canvas, encrypted end to
         end.
       </p>
-      <Button as="a" :href="appHref" size="lg" class="mt-8">
+      <Button as="a" :href="registerHref" size="lg" class="mt-8">
         Get started — It&apos;s free!
       </Button>
     </section>

new-deepnotes/apps/marketing/vite.config.ts

@@ -8,6 +8,7 @@ import { defineConfig } from "vite";
 const appRoot = fileURLToPath(new URL(".", import.meta.url));
 
 export default defineConfig({
+  envDir: '../..',
   plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {

new-deepnotes/apps/web/vite.config.ts

@@ -8,6 +8,7 @@ import { defineConfig } from "vitest/config";
 const appRoot = fileURLToPath(new URL(".", import.meta.url));
 
 export default defineConfig({
+  envDir: '../..',
   plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {