Updated home page sample button

Author: CharlieDigital

_firebase/firestore.rules

@@ -23,6 +23,9 @@ service cloud.firestore {
         && (request.auth.token.email == resource.data.email
           || request.auth.uid in get(/databases/$(database)/documents/workspaces/$(resource.data.workspaceUid)).data.collaborators)
 
+      // Allow all access to the demo workspace for read.
+      allow read: if resource.data.workspaceUid == 'DWJWmHIdofurrJtu'
+
       // Only allow delete if the user is referenced on the workspace document.
       allow delete: if request.auth != null
         && request.auth.uid in get(/databases/$(database)/documents/workspaces/$(resource.data.workspaceUid)).data.collaborators
@@ -33,4 +36,4 @@ service cloud.firestore {
         && request.auth.uid in get(/databases/$(database)/documents/workspaces/$(request.resource.data.workspaceUid)).data.collaborators
     }
   }
-}
+}

_firebase/storage.rules

@@ -13,10 +13,12 @@ service firebase.storage {
   // The ruleset for the source bucket.
   match /b/source.coderev.app/o {
     match /{workspaceUid}/{source} {
+      // This workspace is designated as a demo.
+      allow read: if (request.auth == null && workspaceUid == 'DWJWmHIdofurrJtu')
+        || request.auth != null
+
       allow write: if request.auth != null
         && request.auth.uid in firestore.get(/databases/(default)/documents/workspaces/$(workspaceUid)).data.collaborators
-
-      allow read: if request.auth != null
     }
   }
 }

web/components/workspace/WorkspaceCommentCard.vue

@@ -35,6 +35,7 @@
             <QBtn
               size="sm"
               :icon="tabCornerDownRight"
+              :disable="readonly"
               @click.stop="startingReply = true"
               rounded
               flat
@@ -46,7 +47,15 @@
             style="padding-left: 4px !important"
             side
           >
-            <QBtn size="sm" :icon="tabDots" @click.stop rounded flat dense>
+            <QBtn
+              size="sm"
+              :icon="tabDots"
+              @click.stop
+              :disable="readonly"
+              rounded
+              flat
+              dense
+            >
               <QMenu anchor="top right" self="top right" auto-close>
                 <QList>
                   <QItem v-close-popup clickable>
@@ -215,6 +224,7 @@ import { tabCornerDownRight } from "quasar-extras-svg-icons/tabler-icons-v2";
 
 const props = defineProps<{
   comment: CommentChain;
+  readonly: boolean;
   commentStates: Record<string, boolean>;
 }>();
 

web/components/workspace/WorkspaceComments.vue

@@ -15,8 +15,14 @@
         v-model="newComment"
         type="textarea"
         color="purple-4"
-        :disable="!selection"
-        :label="!selection ? 'Select a file and source lines to add comments' : undefined"
+        :disable="!selection || readonly"
+        :label="
+          readonly
+            ? 'This is a readonly demo workspace'
+            : !selection
+            ? 'Select a file and source lines to add comments'
+            : undefined
+        "
         :bg-color="dark ? 'grey-10' : 'purple-1'"
         @keydown.enter="addComment"
         outlined
@@ -44,7 +50,9 @@
         <QBtn
           color="accent"
           :icon="tabMessagePlus"
-          :disable="newComment.trim().length === 0"
+          :disable="
+            newComment.trim().length === 0 || candidate.workspaceUid === demoWorkspaceId
+          "
           @click="addComment()"
         />
       </QItemSection>
@@ -83,7 +91,8 @@
         <WorkspaceCommentCard
           v-for="comment in filteredComments"
           :comment-states="commentCollapsed"
-          :comment="comment"
+          :comment
+          :readonly
           @expand="commentCollapsed[comment.rootComment.uid] = false"
           @collapse="commentCollapsed[comment.rootComment.uid] = true"
         />
@@ -122,9 +131,12 @@ import {
 import { QBtn, scroll } from "quasar";
 import { btnProps } from "../../utils/commonProps";
 import { modifier } from "~/composables/useCommandPalette";
+import { demoWorkspaceId } from "../../utils/environment";
 
 const $q = useQuasar();
 
+const $route = useRoute();
+
 const { getScrollTarget, setVerticalScrollPosition } = scroll;
 
 const topBtn = ref<QBtn>();
@@ -145,6 +157,15 @@ const commentCollapsed = reactive<Record<string, boolean>>({});
 
 const showBackToTop = ref(false);
 
+/**
+ * Readonly for the demo workspace except in edit mode.
+ */
+const readonly = computed(
+  () =>
+    candidate.value.workspaceUid === demoWorkspaceId &&
+    $route.path !== `/workspace/${demoWorkspaceId}/c/${demoCandidateId}`
+);
+
 const comments = computed<CommentChain[]>(() => {
   const replies: Record<string, ReviewComment[]> = {};
 

web/components/workspace/WorkspaceFilesPanel.vue

@@ -739,7 +739,7 @@ async function handleChangeName(name: string) {
     workspace.value.sources[file.hash].title = newNameWithExt;
   } else {
     // Update a new file that hasn't been saved yet.
-    selectedSourceFile.value.name = name;
+    selectedSourceFile.value.name = `${name}${file.ext}`;
   }
 }
 

web/middleware/auth.ts

@@ -4,7 +4,7 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
 
   const { user } = useAppStore()
 
-  if (!user) {
+  if (!user && to.path !== `/review/${demoCandidateId}`) {
     console.log(" 🔑 No user present; redirecting to login.")
 
     return { name: 'login', query: {redirect: to.fullPath}}

web/pages/index.vue

@@ -15,12 +15,13 @@
             to="/login"
             label="Get started (it's free!)"
             class="q-mt-sm"
+            :class="{ 'full-width': $q.screen.lt.sm }"
             size="xl"
             color="accent"
           />
           <QBtn
             v-bind="btnProps"
-            :icon="tabBrandGithub"
+            :icon-right="tabBrandGithub"
             @click="
               navigateTo('https://github.com/CharlieDigital/coderev', {
                 external: true,
@@ -29,10 +30,23 @@
             "
             label="View repo"
             class="q-mt-sm q-ml-md"
+            :class="{ 'full-width': $q.screen.lt.sm }"
             size="xl"
             :color="dark ? 'grey-6' : 'accent'"
             outline
           />
+          <br />
+          <QBtn
+            v-bind="btnProps"
+            href="https://coderev.app/review/wN0zcH1PNnXeVJWW"
+            label="See sample candidate workspace"
+            class="q-mt-sm"
+            :icon-right="tabExternalLink"
+            :class="{ 'full-width': $q.screen.lt.sm }"
+            size="xl"
+            color="accent"
+            flat
+          />
         </div>
       </div>
     </section>

web/utils/data/FirebaseConnector.ts

@@ -157,12 +157,19 @@ class FirebaseConnector {
       }
 
       const params = new URLSearchParams(window.location.search);
-      const redirect = params.get("redirect") ?? "/home";
 
-      console.log(` 🔐 Redirect: ${redirect}`);
+      // Check if there is a redirect and if the user is NOT on the /login page
+      // Then we keep the user on that page without redirecting.
+      if (!params.has("redirect") && !window.location.href.includes("/login")) {
+        return;
+      }
+
+      const redirect = params.get("redirect") ?? "/home";
 
       const target = `${baseUrl}${redirect}`;
 
+      console.log(` 🔐 Redirect: ${redirect}, target: ${target}, location: ${window.location.href}`);
+
       // Only redirect if we're not already on the page and it's not the landing page
       if (target !== window.location.href) {
         console.log(` 🔐 Redirecting user to ${redirect}`);

web/utils/environment.ts

@@ -4,4 +4,14 @@
  */
 export const baseUrl = import.meta.env.DEV
   ? "http://localhost:3000"
-  : import.meta.env.VITE_PUBLISHED_BASE_URL
+  : import.meta.env.VITE_PUBLISHED_BASE_URL
+
+/**
+ * The ID of the demo workspace.
+ */
+export const demoWorkspaceId = "DWJWmHIdofurrJtu"
+
+/**
+ * ID of a designated demo candidate.
+ */
+export const demoCandidateId = "wN0zcH1PNnXeVJWW"