Add an option to make text longer in pseudolocalization (#926)

Demivan · web-flow · commit 3973670bf6ee · 2025-03-15T11:52:32.000+02:00
diff --git a/src/devtools/plugin.ts b/src/devtools/plugin.ts
@@ -103,6 +103,21 @@ export function registerFluentVueDevtools(app: App, options: ResolvedOptions, fl
         description: 'Enable pseudolocalization',
         type: 'boolean',
       },
+      pseudoLength: {
+        defaultValue: 1,
+        label: 'Length',
+        description: 'Pseudolocalization length',
+        type: 'choice',
+        options: [
+          { label: '100%', value: 1 },
+          { label: '125%', value: 1.25 },
+          { label: '150%', value: 1.5 },
+          { label: '175%', value: 1.75 },
+          { label: '200%', value: 2 },
+          { label: '250%', value: 2.5 },
+          { label: '300%', value: 3 },
+        ],
+      },
       pseudoAccents: {
         defaultValue: true,
         label: 'Accents',
@@ -281,15 +296,17 @@ export function registerFluentVueDevtools(app: App, options: ResolvedOptions, fl
     function handleSettingsChange(settings: {
       pseudoEnable: boolean
       pseudoType: string
+      pseudoLength: number
       pseudoPrefix: string
       pseudoSuffix: string
       pseudoAccents: boolean
     }) {
       if (settings.pseudoEnable) {
         currentPseudoLocalize = str => pseudoLocalize(str, {
-          prefix: settings.pseudoPrefix ?? undefined,
-          suffix: settings.pseudoSuffix ?? undefined,
+          prefix: settings.pseudoPrefix ?? '',
+          suffix: settings.pseudoSuffix ?? '',
           accents: settings.pseudoAccents ?? false,
+          expand: settings.pseudoLength ?? 1,
         })
       }
       else {
diff --git a/src/devtools/pseudoLocalize.ts b/src/devtools/pseudoLocalize.ts
@@ -5,25 +5,20 @@ interface PseudolocalizationOptions {
   prefix: string
   suffix: string
   accents: boolean
+  expand: number
 }
 
 export default function pseudoLocalize(str: string, options: PseudolocalizationOptions): string {
-  let finalString = ''
-
-  if (options.prefix)
-    finalString += options.prefix
-
-  for (let i = 0; i < str.length; i++) {
-    const character = str[i]
+  let pseudoString = ''
+  for (let i = 0; i < str.length * options.expand; i++) {
+    const index = Math.floor(i / options.expand)
+    const character = str[index]
     const convertedCharacter = options.accents
       ? ACCENTED_ASCII[ASCII.indexOf(character)] ?? character
       : character
 
-    finalString += convertedCharacter
+    pseudoString += convertedCharacter
   }
 
-  if (options.suffix)
-    finalString += options.suffix
-
-  return finalString
+  return options.prefix + pseudoString + options.suffix
 }
