ISSUE-345: login/logout (#70)

* ISSUE-345: set up router

* ISSUE-345: twig through core

* ISSUE-345: login/logout

* ISSUE-345: readme

* ISSUE-345: update ubuntu version

* ISSUE-345: phpcs fix

* ISSUE-345: UnauthorizedSubscriber

* ISSUE-345: tests

* ISSUE-345: phpstan

* ISSUE-345: add vue.js

* ISSUE-345: add pre-commit hook

* ISSUE-345: vue.js fix

* ISSUE-345: vue.js fix

* ISSUE-345: rename folder

* ISSUE-345: login test

* ISSUE-345: PantherTestCase in ci

* ISSUE-345: remove fos

* ISSUE-345: version

---------

Co-authored-by: Tatevik <[email protected]>

Author: TatevikGr

.github/workflows/ci.yml

@@ -3,7 +3,7 @@ on: [push, pull_request]
 jobs:
   main:
     name: phpList Base Dist on PHP ${{ matrix.php-versions }}, with dist ${{ matrix.dependencies }} [Build, Test]
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
     env:
       DB_DATABASE: phplist
       DB_USERNAME: root
@@ -37,6 +37,16 @@ jobs:
           curl -sS https://get.symfony.com/cli/installer | bash
           mv $HOME/.symfony*/bin/symfony /usr/local/bin/symfony
           symfony version
+      - name: Install Google Chrome
+        run: |
+          curl -sSL https://dl.google.com/linux/linux_signing_key.pub | gpg --dearmor | sudo tee /usr/share/keyrings/google.gpg > /dev/null
+          echo "deb [arch=amd64 signed-by=/usr/share/keyrings/google.gpg] http://dl.google.com/linux/chrome/deb/ stable main" | sudo tee /etc/apt/sources.list.d/google-chrome.list
+          sudo apt-get update
+          sudo apt-get install -y google-chrome-stable
+      - name: Set Panther to use Chrome
+        run: |
+          echo "PANTHER_NO_HEADLESS=0" >> .env.test
+          echo "PANTHER_CHROME_BINARY=/usr/bin/google-chrome" >> .env.test
       - name: Start mysql service
         run: sudo /etc/init.d/mysql start
       - name: Verify MySQL connection on host

.gitignore

@@ -14,3 +14,6 @@
 /var/
 /vendor/
 .phpunit.result.cache
+.env
+/node_modules
+/drivers/

.husky/pre-commit

@@ -0,0 +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

README.md

@@ -15,7 +15,7 @@ phpList is an open source newsletter manager.
 ## About this package
 
 This module will contain the web frontend for phpList 4. It will not have any
-SQL queries, but use functionality from the phpList 4 core for DB access.
+SQL queries but use functionality from the phpList 4 core for DB access.
 
 This module is optional, i.e., it will be possible to run phpList 4 without a
 web frontend.
@@ -38,3 +38,24 @@ contribute and how to run the unit tests and style checks locally.
 This project adheres to a [Contributor Code of Conduct](CODE_OF_CONDUCT.md).
 By participating in this project and its community, you are expected to uphold
 this code.
+
+## Commands for running this project for local testing
+```bash
+# Start the Symfony local server
+symfony local:server:start
+```
+
+```bash
+# Compile and watch assets (including Vue.js components)
+yarn encore dev --watch
+```
+
+## Vue.js Integration
+This project uses Vue.js for interactive UI components. Vue components are located in the `assets/vue/` directory and are mounted to specific DOM elements:
+
+- `App.vue` is mounted to the element with ID `vue-app`
+
+To add new Vue components:
+1. Create the component in the `assets/vue/` directory
+2. Import and mount it in `assets/app.js`
+3. Add a mount point in the appropriate template

assets/app.js

@@ -0,0 +1,9 @@
+import { createApp } from 'vue';
+import App from './vue/App.vue';
+
+// Mount the main app if the element exists
+const appElement = document.getElementById('vue-app');
+if (appElement) {
+    createApp(App).mount('#vue-app');
+}
+

assets/vue/App.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <h2>Hello from Vue</h2>
+    <p>{{ message }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  data() {
+    return {
+      message: 'This is a reusable component!'
+    }
+  },
+  created() {
+    console.log('App component created');
+  },
+  mounted() {
+    console.log('App component mounted');
+  },
+  updated() {
+    console.log('App component updated');
+  }
+}
+</script>

composer.json

@@ -15,12 +15,17 @@
         {
             "name": "Xheni Myrtaj",
             "email": "[email protected]",
-            "role": "Maintainer"
+            "role": "Former developer"
         },
         {
             "name": "Oliver Klee",
             "email": "[email protected]",
             "role": "Former developer"
+        },
+        {
+            "name": "Tatevik Grigoryan",
+            "email": "[email protected]",
+            "role": "Maintainer"
         }
     ],
     "support": {
@@ -30,7 +35,9 @@
     },
     "require": {
         "php": "^8.1",
-        "phplist/core": "v5.0.0-alpha7"
+        "phplist/core": "v5.0.0-alpha8",
+        "symfony/twig-bundle": "^6.4",
+        "symfony/webpack-encore-bundle": "^2.2"
     },
     "require-dev": {
         "phpunit/phpunit": "^9.5",
@@ -40,7 +47,10 @@
         "nette/caching": "^3.1.0",
         "nikic/php-parser": "^v4.10.4",
         "phpmd/phpmd": "^2.9.1",
-        "symfony/process": "^6.4"
+        "symfony/process": "^6.4",
+        "symfony/panther": "*",
+        "dbrekelmans/bdi": "*",
+        "bshaffer/phpunit-retry-annotations": "^0.3.0"
     },
     "autoload": {
         "psr-4": {
@@ -83,8 +93,16 @@
         "symfony-web-dir": "public",
         "symfony-tests-dir": "tests",
         "phplist/core": {
-            "bundles": [],
-            "routes": {}
+            "bundles": [
+                "PhpList\\WebFrontend\\PhpListFrontendBundle"
+            ],
+            "routes": {
+                "rest-api": {
+                    "resource": "@PhpListFrontendBundle/Controller/",
+                    "type": "attribute",
+                    "prefix": "/"
+                }
+            }
         }
     }
 }

config/.gitkeep

@@ -0,0 +1,5 @@
+framework:
+    secret: '%kernel.secret%'
+    http_method_override: false
+    php_errors:
+        log: true

config/packages/framework.yaml

@@ -0,0 +1,5 @@
+twig:
+    debug: '%kernel.debug%'
+    strict_variables: '%kernel.debug%'
+    default_path: '%kernel.application_dir%/templates'
+    auto_reload: true