feat(i18n): split manifests per locales if i18n.splitManifest is set

Author: Antoine Monnet

src/utils/config.ts

@@ -141,13 +141,12 @@ function createManifestTransform(
         if (latestEntry)
           latestEntry.revision = revision
         else
-          entries.push({ url: latest, revision, size: data.size })
+          entries.push({ url: base+latest, revision, size: data.size })
       }
       else {
         entries = entries.filter(e => e.url !== latest)
       }
     }
-
     return { manifest: entries, warnings: [] }
   }
 }

src/utils/i18n.ts

@@ -0,0 +1,59 @@
+
+import { useNuxt, loadNuxtModuleInstance } from '@nuxt/kit'
+import { resolve } from 'pathe'
+import type { NuxtI18nOptions } from '@nuxtjs/i18n'
+import type { NuxtModule } from 'nuxt/schema'
+
+export async function webManifests(manifestDir) {
+
+  const i18nOptions = await getNuxtModuleOptions('@nuxtjs/i18n') as NuxtI18nOptions
+
+  return i18nOptions.locales.map(({code})=>{
+    const localePath = getLocalePath(i18nOptions, code)
+    return {
+      localDir: resolve(manifestDir, localePath),
+      optionsI18n: { manifest: {
+        start_url: `/${localePath}`,
+        scope: `/${localePath}`,
+        lang: code,
+      }}
+    }
+  })
+}
+
+//from https://github.com/nuxt-modules/sitemap/blob/main/src/util/kit.ts
+async function getNuxtModuleOptions(module: string | NuxtModule, nuxt: Nuxt = useNuxt()) {
+  const moduleMeta = (typeof module === 'string' ? { name: module } : await module.getMeta?.()) || {}
+  const { nuxtModule } = (await loadNuxtModuleInstance(module, nuxt))
+
+  let moduleEntry: [string | NuxtModule, Record<string, any>] | undefined
+  for (const m of nuxt.options.modules) {
+    if (Array.isArray(m) && m.length >= 2) {
+      const _module = m[0]
+      const _moduleEntryName = typeof _module === 'string'
+        ? _module
+        : (await (_module as any as NuxtModule).getMeta?.())?.name || ''
+      if (_moduleEntryName === moduleMeta.name)
+        moduleEntry = m as [string | NuxtModule, Record<string, any>]
+    }
+  }
+
+  let inlineOptions = {}
+  if (moduleEntry)
+    inlineOptions = moduleEntry[1]
+  if (nuxtModule.getOptions)
+    return nuxtModule.getOptions(inlineOptions, nuxt)
+  return inlineOptions
+}
+
+function getLocalePath(options, localeCode) {
+  switch (options.strategy) {
+    case 'prefix_except_default':
+    case 'prefix_and_default':
+      return localeCode === options.defaultLocale ? "" : localeCode
+    case 'prefix':
+      return localeCode
+    default:
+      throw "Strategy not implemented"
+  }
+}

src/utils/utils.ts

@@ -23,8 +23,18 @@ export async function writeWebManifest(dir: string, options: PwaModuleOptions, a
     if (pwaAssetsGenerator)
       pwaAssetsGenerator.injectManifestIcons()
   }
-  const manifest = api.generateBundle({})?.[path]
-  await _writeWebManifest(dir, path, manifest)
+
+  if (options.i18n?.splitManifest == true) {
+    const i18n = await import('./i18n')
+    const manifests = await i18n.webManifests(dir)
+    await Promise.all(manifests.map(async ({localDir, optionsI18n})=>{
+      const manifest = api.generateBundle({}, optionsI18n)?.[path]
+      await _writeWebManifest(localDir, path, manifest)
+    }))
+  } else {
+    const manifest = api.generateBundle({})?.[path]
+    await _writeWebManifest(dir, path, manifest)
+  }
 }
 
 async function _writeWebManifest(dir, path, manifest) {