twig config: test

tatevikg1 · tatevikg1 · commit 4c6ef7bed14e · 2026-04-14T09:50:48.000+04:00
diff --git a/README.md b/README.md
@@ -27,6 +27,14 @@ Please install this package via Composer from within the
 [phpList base distribution](https://github.com/phpList/base-distribution),
 which also has more detailed installation instructions in the README.
 
+When this module is installed as a dependency, publish bundle assets to the host application's `public/` directory:
+
+```bash
+php bin/console assets:install public --symlink --relative
+```
+
+This module serves its frontend files from `/bundles/phplistfrontend`.
+
 
 ## Contributing to this package
 
diff --git a/src/DependencyInjection/PhpListFrontendExtension.php b/src/DependencyInjection/PhpListFrontendExtension.php
@@ -14,6 +14,10 @@
 
 class PhpListFrontendExtension extends Extension implements PrependExtensionInterface
 {
+    private const TWIG_NAMESPACE = 'PhpListFrontend';
+    private const ASSET_PACKAGE_NAME = 'phplist_web_frontend';
+    private const ASSET_BASE_PATH = '/bundles/phplistfrontend';
+
     /**
      * Loads a specific configuration.
      *
@@ -28,16 +32,33 @@ public function load(array $configs, ContainerBuilder $container): void
     {
         // @phpstan-ignore-next-line
         $configs;
-        $loader = new YamlFileLoader($container, new FileLocator(__DIR__ . '/../../config'));
+        $loader = new YamlFileLoader($container, new FileLocator($this->getBundlePath() . '/config'));
         $loader->load('services.yml');
     }
 
     public function prepend(ContainerBuilder $container): void
     {
+        $bundlePath = $this->getBundlePath();
+
         $container->prependExtensionConfig('twig', [
             'paths' => [
-                __DIR__ . '/../../templates' => 'PhpListFrontend',
+                $bundlePath . '/templates' => self::TWIG_NAMESPACE,
+            ],
+        ]);
+
+        $container->prependExtensionConfig('framework', [
+            'assets' => [
+                'packages' => [
+                    self::ASSET_PACKAGE_NAME => [
+                        'base_path' => self::ASSET_BASE_PATH,
+                    ],
+                ],
             ],
         ]);
     }
+
+    private function getBundlePath(): string
+    {
+        return dirname(__DIR__, 2);
+    }
 }
diff --git a/templates/auth/login.html.twig b/templates/auth/login.html.twig
@@ -7,7 +7,7 @@
     <div class="bg-gray-200">
         <div class="min-h-screen flex flex-col items-center justify-center">
             <div class="flex items-center mb-6">
-                <img src="{{ asset('/favicon-48.png') }}" alt="phpList icon" width="40" height="40" class="mr-2"/>
+                <img src="{{ asset('favicon-48.png', 'phplist_web_frontend') }}" alt="phpList icon" width="40" height="40" class="mr-2"/>
                 <h1 class="text-xl font-bold mb-0">
                     phpList <span class="text-ext-wf1">4</span>
                 </h1>
diff --git a/templates/base.html.twig b/templates/base.html.twig
@@ -4,21 +4,17 @@
     <meta charset="UTF-8">
     <title>{% block title %}phpList{% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-{#    <script src="https://cdn.tailwindcss.com"></script>#}
-    <link rel="stylesheet" href="{{ asset('build/app.css') }}">
-    {# Add your own custom CSS later if needed #}
-    {{ encore_entry_link_tags('styles') }}
+    <link rel="stylesheet" href="{{ asset('build/app.css', 'phplist_web_frontend') }}">
+    <link rel="stylesheet" href="{{ asset('build/styles.css', 'phplist_web_frontend') }}">
 
     {% block javascripts %}
-        {{ encore_entry_script_tags('app') }}
+        <script src="{{ asset('build/runtime.js', 'phplist_web_frontend') }}" defer></script>
+        <script src="{{ asset('build/app.js', 'phplist_web_frontend') }}" defer></script>
     {% endblock %}
 </head>
 <body>
 <main class="">
     {% block body %}{% endblock %}
 </main>
-
-<script src="{{ asset('build/runtime.js') }}"></script>
-<script src="{{ asset('build/app.js') }}"></script>
 </body>
 </html>
