feat: Add deprecation banner

Author: taltholtmann

src/Resources/app/administration/src/module/swag-language-pack-settings/page/swag-language-pack-settings/index.js

@@ -1,4 +1,5 @@
 import template from './swag-language-pack-settings.html.twig';
+import './swag-language-pack-settings.scss';
 
 const { Component, Defaults } = Shopware;
 const { Criteria } = Shopware.Data;
@@ -52,6 +53,14 @@ Component.register('swag-language-pack-settings', {
                 .addAssociation('language.salesChannels.domains')
                 .addAssociation('language.locale');
         },
+
+        // Check if the shopware version is 6.7.3 or newer, since the translation system was introduced with this version
+        shopwareHasTranslationSystem() {
+            const currentVersion = Shopware.Context.app.config.version.replace(/-.*$/, '');
+            const requiredVersion = '6.7.3';
+
+            return currentVersion.localeCompare(requiredVersion, undefined, { numeric: true, sensitivity: 'base' }) >= 0;
+        }
     },
 
     created() {

src/Resources/app/administration/src/module/swag-language-pack-settings/page/swag-language-pack-settings/swag-language-pack-settings.html.twig

@@ -38,6 +38,14 @@
 
         {% block swag_language_pack_settings_content_card_view %}
         <sw-card-view>
+            <mt-banner
+                v-if="this.shopwareHasTranslationSystem"
+                class="swag-language-pack-settings__deprecation-banner"
+                variant="info"
+            >
+                <p v-html="$t('swag-language-pack.settings.deprecationBanner')">
+                </p>
+            </mt-banner>
 
             {% block swag_language_pack_settings_content_tabs %}
             <sw-tabs

src/Resources/app/administration/src/module/swag-language-pack-settings/page/swag-language-pack-settings/swag-language-pack-settings.scss

@@ -0,0 +1,7 @@
+@import "~scss/variables";
+
+.swag-language-pack-settings {
+    &__deprecation-banner {
+        max-width: 960px;
+    }
+}

src/Resources/app/administration/src/module/swag-language-pack-settings/snippet/de-DE.json

@@ -21,7 +21,8 @@
                     "description": "Aktivierte Sprachen stehen als Standard-/Sprachauswahl auf Verkaufskanal-Detailseiten zur Auswahl. Sprachen die bereits in einem Verkaufskanal ausgewählt wurden, können nicht deaktiviert werden."
 
                 }
-            }
+            },
+          "deprecationBanner": "Das Language-Pack-Plugin wird in Shopware-Version 6.8 abgeschafft. Bitte verwenden Sie stattdessen die interne Sprachverwaltung. <a href=\"https://developer-documentation-5g83itqi7-shopware-frontends.vercel.app/docs/resources/references/upgrades/core/translation-handling.html\" target=\"_blank\">Lesen Sie mehr darüber in unserem Migrationsleitfaden.</a>"
         },
         "sw-settings-language-list": {
             "deleteLanguagePackTooltip": "Das Löschen von Sprachen des Sprachpakets ist nicht möglich."

src/Resources/app/administration/src/module/swag-language-pack-settings/snippet/en-GB.json

@@ -20,7 +20,8 @@
                     "title": "Sales Channel languages",
                     "description": "Activated languages are available as (default) languages on Sales Channel detail pages. Languages already selected in a Sales Channel cannot be deactivated."
                 }
-            }
+            },
+          "deprecationBanner": "The Language Pack plugin will be deprecated in shopware version 6.8. Please use the internal language handling instead. <a href=\"https://developer-documentation-5g83itqi7-shopware-frontends.vercel.app/docs/resources/references/upgrades/core/translation-handling.html\" target=\"_blank\">Read more about it in our migration guide.</a"
         },
         "sw-settings-language-list": {
             "deleteLanguagePackTooltip": "Deleting languages from the Language pack is not possible."

src/Resources/app/administration/test/swag-language-pack-settings.spec.js

@@ -0,0 +1,49 @@
+import { mount } from '@vue/test-utils';
+import '../src/module/swag-language-pack-settings/page/swag-language-pack-settings/index.js';
+
+async function createWrapperWithVersion() {
+    return mount(await Shopware.Component.build('swag-language-pack-settings'), {
+        global: {
+            mocks: {
+                $tc: v => v,
+            },
+            provide: {
+                repositoryFactory: {
+                    create: () => ({
+                        search: jest.fn(() => Promise.resolve([])),
+                    }),
+                },
+                userService: v => v,
+                acl: v => v
+            },
+            stubs: {
+                'mt-icon': true,
+                'mt-banner': true,
+                'sw-button-process': true,
+                'sw-tabs-item': true,
+                'sw-tabs': true,
+                'router-view': true,
+                'mt-loader': true,
+                'sw-verify-user-modal': true,
+                'sw-card-view': true,
+                'sw-page': true,
+            },
+        },
+        props: {},
+    });
+}
+
+describe('shopwareHasTranslationSystem', () => {
+    it.each([
+        ['6.7.3', true],
+        ['6.8.0', true],
+        ['6.7.9999999999-dev', true],
+        ['6.6.10', false],
+        ['6.6.99999-dev', false],
+        ['6.7.2', false],
+    ])('returns %s ⇒ %s', async (version, expected) => {
+        Shopware.Context.app.config.version = version;
+        const wrapper = await createWrapperWithVersion();
+        expect(wrapper.vm.shopwareHasTranslationSystem).toBe(expected);
+    });
+});