Merge pull request #24 from applirank/testing/feedback-model

feat: added feedback submission with optional context, screenshot support within the software and some pr validation

Author: JoachimLK

.env.example

@@ -21,6 +21,11 @@ BETTER_AUTH_SECRET=generate-a-random-string-at-least-32-chars-long
 
 # The public URL of the app (used for session cookies and OAuth callbacks)
 # Local: http://localhost:3000 | Production: https://applirank.com
+# Railway PR/preview: optional when RAILWAY_ENVIRONMENT_NAME is a preview env.
+# In preview, Applirank resolves URL automatically in this order:
+#  1) https://applirank-applirank-pr-${RAILWAY_GIT_PR_NUMBER}.up.railway.app
+#  2) https://${RAILWAY_PUBLIC_DOMAIN}
+#  3) BETTER_AUTH_URL (fallback)
 BETTER_AUTH_URL=http://localhost:3000
 
 # Comma-separated allowed origins for auth requests.

.github/workflows/dco.yml

@@ -0,0 +1,46 @@
+name: PR Validation
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: pr-validation-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  validate:
+    name: Build, typecheck, and test
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests (if present)
+        run: npm run test --if-present
+
+      - name: Lint (if present)
+        run: npm run lint --if-present
+
+      - name: Typecheck
+        run: npx nuxi typecheck
+
+      - name: Audit dependencies (high severity+)
+        run: npm audit --audit-level=high
+
+      - name: Build
+        run: npm run build

.github/workflows/pr-validation.yml

@@ -10,8 +10,6 @@ const { data: session } = await authClient.useSession(useFetch)
 const isSigningOut = ref(false)
 const { isDark, toggle: toggleColorMode } = useColorMode()
 
-const config = useRuntimeConfig()
-const feedbackEnabled = computed(() => config.public.feedbackEnabled)
 const showFeedbackModal = ref(false)
 
 const userName = computed(() => session.value?.user?.name ?? 'User')
@@ -163,12 +161,11 @@ function isActiveTab(to: string, exact: boolean) {
         <div class="text-xs text-surface-500 dark:text-surface-400 truncate">{{ userEmail }}</div>
       </div>
       <button
-        v-if="feedbackEnabled"
         class="flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-surface-600 dark:text-surface-400 hover:bg-surface-100 dark:hover:bg-surface-800 hover:text-surface-900 dark:hover:text-surface-100 transition-colors cursor-pointer border-0 bg-transparent w-full text-left"
         @click="showFeedbackModal = true"
       >
         <MessageSquarePlus class="size-4 shrink-0" />
-        Feedback
+        Report issue (GitHub)
       </button>
       <button
         class="flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-surface-600 dark:text-surface-400 hover:bg-surface-100 dark:hover:bg-surface-800 hover:text-surface-900 dark:hover:text-surface-100 transition-colors cursor-pointer border-0 bg-transparent w-full text-left"