@plentymarkets/shop-core 1.14.4 → 1.15.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@plentymarkets/shop-core",
   "configKey": "shopCore",
-  "version": "1.14.4",
+  "version": "1.15.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/composables/localization/helpers/__tests__/mocks/getAllTranslationsMock.js

@@ -1,19 +1,19 @@
 export const GetAllTranslationsMock = {
-  "events": [],
-  "data": {
-    "de": {
-      "welcome": "Willkommen vom Backend",
-      "auth": {
-        "login": {
-          "createAccount": "Sie haben noch kein Konto? Erstellen Sie jetzt Ihr Konto!"
+  events: [],
+  data: {
+    de: {
+      welcome: "Willkommen vom Backend",
+      auth: {
+        login: {
+          createAccount: "Sie haben noch kein Konto? Erstellen Sie jetzt Ihr Konto!"
         }
       }
     },
-    "en": {
-      "welcome": "Overridden welcome value",
-      "auth": {
-        "login": {
-          "createAccount": "Don't have an account? Sign up now!"
+    en: {
+      welcome: "Overridden welcome value",
+      auth: {
+        login: {
+          createAccount: "Don't have an account? Sign up now!"
         }
       }
     }

package/dist/runtime/composables/localization/helpers/__tests__/mocks/i18nInstanceMock.d.ts

@@ -1,2 +1,2 @@
-import type { I18nInstance } from "~/src/runtime/types";
+import type { I18nInstance } from '~/src/runtime/types';
 export declare const i18nInstanceMock: I18nInstance;

package/dist/runtime/composables/localization/helpers/__tests__/mocks/i18nInstanceTranslatedMock.d.ts

@@ -1,2 +1,2 @@
-import type { I18nInstance } from "~/src/runtime/types";
+import type { I18nInstance } from '~/src/runtime/types';
 export declare const i18nInstanceTranslatedMock: I18nInstance;

package/dist/runtime/composables/localization/helpers/__tests__/mocks/i18nInstanceTranslatedMock.js

@@ -8,7 +8,7 @@ export const i18nInstanceTranslatedMock = {
         welcome: "Welcome",
         "nested.key": "Nested value",
         translated: {
-          "welcome": "Overridden welcome value",
+          welcome: "Overridden welcome value",
           "another.override": "Another override",
           "nested.translated.key": "Nested translated value"
         }
@@ -19,7 +19,7 @@ export const i18nInstanceTranslatedMock = {
         welcome: "Willkommen",
         "nested.key": "Verschachtelter Wert",
         translated: {
-          "welcome": "\xDCberschriebener Wert f\xFCr welcome",
+          welcome: "\xDCberschriebener Wert f\xFCr welcome",
           "another.override": "Weitere \xDCberschreibung",
           "nested.translated.key": "Verschachtelter \xFCbersetzter Wert",
           "key.thatdoesnotexist": "Dieser Schl\xFCssel existiert nur in der \xDCbersetzung"

package/dist/runtime/composables/localization/helpers/extractKeysWithValuesHelper.d.ts

@@ -1,4 +1,4 @@
-import type { LocalizationMessage } from "~/src/module";
+import type { LocalizationMessage } from '~/src/module';
 /**
  * Get translation value from compiled message or string
  * @param value

package/dist/runtime/composables/localization/helpers/importExportHelper.d.ts

@@ -0,0 +1,5 @@
+import type { MultilingualKeysState, ImportKeyData } from '../../../types/index.js';
+export declare const parseCSVLine: (line: string) => string[];
+export declare const escapeCSVField: (field: string) => string;
+export declare const generateExportCSV: (selectedLocales: string[], keys: MultilingualKeysState[]) => string;
+export declare const parseImportCSV: (csvContent: string, selectedLocales: string[]) => ImportKeyData[] | null;

package/dist/runtime/composables/localization/helpers/importExportHelper.js

@@ -0,0 +1,65 @@
+export const parseCSVLine = (line) => {
+  const result = [];
+  let current = "";
+  let i = 0;
+  while (i < line.length) {
+    const char = line[i];
+    if (char === "\\" && i + 1 < line.length) {
+      current += line[i + 1];
+      i += 2;
+    } else if (char === ";") {
+      result.push(current);
+      current = "";
+      i++;
+    } else {
+      current += char;
+      i++;
+    }
+  }
+  result.push(current);
+  return result;
+};
+export const escapeCSVField = (field) => {
+  return field.replace(/\\/g, "\\\\").replace(/;/g, "\\;");
+};
+export const generateExportCSV = (selectedLocales, keys) => {
+  if (keys.length === 0 || selectedLocales.length === 0) {
+    return "";
+  }
+  const headers = ["key", ...selectedLocales];
+  const rows = [];
+  keys.forEach((key) => {
+    const row = [key.key];
+    selectedLocales.forEach((lang) => {
+      const translation = key.translations[lang]?.input ?? "";
+      row.push(escapeCSVField(translation));
+    });
+    rows.push(row);
+  });
+  return [headers, ...rows].map((row) => row.join(";")).join("\n");
+};
+export const parseImportCSV = (csvContent, selectedLocales) => {
+  const data = [];
+  const lines = csvContent.split(/\r?\n/);
+  const headerRow = parseCSVLine(lines[0] ?? "");
+  const locales = headerRow.slice(1);
+  for (let i = 1; i < lines.length; i++) {
+    const line = lines[i];
+    const row = parseCSVLine(line);
+    const key = row[0];
+    if (!key) {
+      continue;
+    }
+    for (let j = 1; j < row.length; j++) {
+      if (j - 1 >= locales.length) {
+        break;
+      }
+      const locale = locales[j - 1];
+      const value = row[j];
+      if (locale && value && selectedLocales.includes(locale)) {
+        data.push({ key, locale, value });
+      }
+    }
+  }
+  return data;
+};

package/dist/runtime/composables/localization/useEditorLocalizationKeys.d.ts

@@ -13,6 +13,8 @@ export declare const useEditorLocalizationKeys: () => {
     getCategoryFromKey: (key: string) => string;
     getKeyFromFullKey: (key: string) => string;
     saveLocalizations: () => Promise<void>;
+    exportFile: (fileName?: string) => void;
+    importFile: (data: string) => void;
     keys: import("vue").Ref<MultilingualKeysState[], MultilingualKeysState[]>;
     keysMap: import("vue").Ref<Map<string, MultilingualKeysState>, Map<string, MultilingualKeysState>>;
     filteredKeys: import("vue").Ref<MultilingualKeysState[] | null, MultilingualKeysState[] | null>;

package/dist/runtime/composables/localization/useEditorLocalizationKeys.js

@@ -4,6 +4,7 @@ import { loadDefaultKeys, loadTranslatedKeys, loadKeysFromBackend } from "./help
 import { useSdk, useNotification, useEditorLocalizationLocales } from "#imports";
 import { allLanguages } from "./useEditorLocalizationLocales.js";
 import { unflattenTranslations } from "./helpers/transformationHelper.js";
+import { generateExportCSV, parseImportCSV } from "./helpers/importExportHelper.js";
 const containsSearchTerm = (text, searchQuery) => {
   return text.toLowerCase().indexOf(searchQuery) !== -1;
 };
@@ -229,6 +230,32 @@ export const useEditorLocalizationKeys = () => {
       state.value.loading = false;
     }
   };
+  const exportFile = (fileName = "export.csv") => {
+    const exportKeys = state.value.filteredKeys ?? state.value.keys;
+    const { selectedLocales } = useEditorLocalizationLocales();
+    const csvText = generateExportCSV(selectedLocales.value, exportKeys);
+    if (csvText.length === 0) return;
+    const blob = new Blob([csvText], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.click();
+    URL.revokeObjectURL(url);
+  };
+  const importFile = (data) => {
+    const { selectedLocales } = useEditorLocalizationLocales();
+    const parsedData = parseImportCSV(data, selectedLocales.value);
+    if (!parsedData || parsedData.length === 0) return;
+    parsedData.forEach((importedKey) => {
+      const keyState = state.value.keys.find((k) => k.key === importedKey.key);
+      if (!keyState) return;
+      if (keyState.translations[importedKey.locale] !== void 0) {
+        keyState.translations[importedKey.locale].input = importedKey.value;
+      }
+    });
+    state.value.hasChanges = checkHasUnsavedChanges();
+  };
   return {
     ...toRefs(state.value),
     updateTranslationInput,
@@ -239,6 +266,8 @@ export const useEditorLocalizationKeys = () => {
     getTranslatedCount,
     getCategoryFromKey,
     getKeyFromFullKey,
-    saveLocalizations
+    saveLocalizations,
+    exportFile,
+    importFile
   };
 };

package/dist/runtime/types/localization.d.ts

@@ -4,6 +4,11 @@ export type MultilingualKeysState = {
         [locale: string]: LocalizationMessage;
     };
 };
+export type ImportKeyData = {
+    key: string;
+    locale: string;
+    value: string;
+};
 export type CompiledMessage = {
     type?: number;
     loc?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plentymarkets/shop-core",
-  "version": "1.14.4",
+  "version": "1.15.0",
   "description": "Core module for PlentyONE Shop",
   "repository": {
     "type": "git",