Feat: subscribers

.coderabbit.yaml

@@ -1,7 +1,16 @@
 language: "en-US"
+tone_instructions: "chill"
 reviews:
   profile: "chill"
   high_level_summary: true
+  collapse_walkthrough: true
+  suggested_labels: false
+  high_level_summary_in_walkthrough: false
+  changed_files_summary: false
+  poem: false
+  finishing_touches:
+    docstrings:
+      enabled: false
   auto_review:
     enabled: true
     base_branches:

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,3 +1,5 @@
+@coderabbitai summary
+
 ### Summary
 
 Provide a general description of the code changes in your pull request …

.husky/pre-commit

@@ -1,11 +1,11 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-#echo "🔍 Running PHPStan..."
-#php vendor/bin/phpstan analyse -l 5 src/ tests/ || exit 1
-#
-#echo "📏 Running PHPMD..."
-#php vendor/bin/phpmd src/ text vendor/phplist/core/config/PHPMD/rules.xml || exit 1
-#
-#echo "🧹 Running PHPCS..."
-#php vendor/bin/phpcs --standard=vendor/phplist/core/config/PhpCodeSniffer/ src/ tests/ || exit 1
+echo "🔍 Running PHPStan..."
+php vendor/bin/phpstan analyse -l 5 src/ tests/ || exit 1
+
+echo "📏 Running PHPMD..."
+php vendor/bin/phpmd src/ text vendor/phplist/core/config/PHPMD/rules.xml || exit 1
+
+echo "🧹 Running PHPCS..."
+php vendor/bin/phpcs --standard=vendor/phplist/core/config/PhpCodeSniffer/ src/ tests/ || exit 1

apache/web-frontend.conf

@@ -0,0 +1,26 @@
+<VirtualHost *:80>
+    ServerName frontend.phplist.local
+    ServerAdmin webmaster@localhost
+
+    DocumentRoot /{pathToTheProject}/web-frontend/public
+
+    ErrorLog ${APACHE_LOG_DIR}/web-frontend-error.log
+    CustomLog ${APACHE_LOG_DIR}/web-frontend-access.log combined
+
+    <Directory /{pathToTheProject}/web-frontend/public>
+        Options FollowSymLinks
+        AllowOverride All
+        Require all granted
+        DirectoryIndex app.php
+    </Directory>
+
+    <FilesMatch "^\.">
+        Require all denied
+    </FilesMatch>
+
+    <IfModule proxy_fcgi_module>
+        <FilesMatch \.php$>
+            SetHandler "proxy:unix:/run/php/php8.1-fpm.sock|fcgi://localhost"
+        </FilesMatch>
+    </IfModule>
+</VirtualHost>

assets/app.js

@@ -1,12 +1,13 @@
-console.log('app.js loaded');
+import './styles/app.css';
 import { createApp } from 'vue';
 import App from './vue/App.vue';
 import { router } from './router';
 
 const appElement = document.getElementById('vue-app');
+
 if (appElement) {
     const app = createApp(App);
     app.use(router);
-    app.mount('#vue-app');
+    app.mount(appElement);
 }
 

assets/router/index.js

@@ -1,6 +1,18 @@
 import { createRouter, createWebHistory } from 'vue-router';
+import DashboardView from '../vue/views/DashboardView.vue'
+import SubscribersView from '../vue/views/SubscribersView.vue'
 
 export const router = createRouter({
     history: createWebHistory(),
-    routes: [ /* ... */ ],
+    routes: [
+        { path: '/', name: 'dashboard', component: DashboardView, meta: { title: 'Dashboard' } },
+        { path: '/subscribers', name: 'subscribers', component: SubscribersView, meta: { title: 'Subscribers' } },
+        { path: '/:pathMatch(.*)*', redirect: '/' },
+    ],
+});
+
+router.afterEach((to) => {
+    const defaultTitle = 'phpList';
+    const pageTitle = to.meta.title;
+    document.title = pageTitle ? `${defaultTitle} - ${pageTitle}` : defaultTitle;
 });

assets/styles/app.css

@@ -0,0 +1,16 @@
+@import "tailwindcss";
+@tailwind utilities;
+
+@theme {
+  --color-primary: #2563eb;
+  --color-secondary: #6b7280;
+  --color-success: #16a34a;
+  --color-danger: #dc2626;
+  --color-info: #0891b2;
+  --color-ext-wf1: #543ff6; /** indigo-500 **/
+  --color-ext-wf2: #eef2ff; /** indigo-50 **/
+  --color-ext-wf3: #303F9F; /** indigo-700 **/
+}
+
+@source "../../templates/**/*.twig";
+@source "../**/*.vue";

assets/vue/App.vue

@@ -1,52 +1,13 @@
 <template>
-  <aside class="sidebar">
-    <div class="sidebar__top">
-      <SidebarLogo />
+  <div class="min-h-screen bg-[#F8FAFC] flex text-slate-900 font-sans">
+    <AppSidebar />
 
-      <nav class="sidebar__nav">
-        <SidebarNavSection
-            v-for="section in sections"
-            :key="section.id"
-            v-bind="section"
-        />
-      </nav>
+    <div class="flex flex-col flex-1 min-h-screen">
+      <RouterView />
     </div>
-  </aside>
+  </div>
 </template>
 
 <script setup>
-import SidebarLogo from './SidebarLogo.vue'
-import SidebarNavSection from './SidebarNavSection.vue'
-
-const sections = [
-  {
-    id: 'general',
-    label: 'General',
-    items: [
-      { label: 'Dashboard', icon: 'grid', route: '/dashboard', badge: null },
-      { label: 'Subscribers', icon: 'users', route: '/subscribers' },
-      { label: 'Lists & Segments', icon: 'list', route: '/lists' },
-    ],
-  },
-  {
-    id: 'marketing',
-    label: 'Marketing',
-    items: [
-      { label: 'Campaigns', icon: 'plane', route: '/campaigns' },
-      { label: 'Templates', icon: 'layout', route: '/templates' },
-    ],
-  },
-  {
-    id: 'analytics',
-    label: 'Analytics',
-    items: [
-      { label: 'Bounces & Reports', icon: 'chart', route: '/reports' },
-    ],
-  },
-  {
-    id: 'system',
-    label: 'System',
-    items: [{ label: 'Settings', icon: 'settings', route: '/settings' }],
-  },
-]
+import AppSidebar from './components/sidebar/AppSidebar.vue'
 </script>