feat: i18n on web (#1750)

* feat: add i18n to web

* chore: enable es features

.babelrc

@@ -1,3 +1,7 @@
 {
-  "presets": [["@verdaccio"]]
+  "presets": [["@verdaccio"]],
+  "plugins": [
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-nullish-coalescing-operator"
+  ]
 }

conf/default.yaml

@@ -71,3 +71,7 @@ logs:
 #experiments:
 #  # support for npm token command
 #  token: false
+
+# This affect the web and api (not developed yet)
+#i18n:
+#web: en-US

package.json

@@ -24,7 +24,7 @@
     "@verdaccio/local-storage": "^9.3.4",
     "@verdaccio/readme": "^9.3.3",
     "@verdaccio/streams": "^9.3.2",
-    "@verdaccio/ui-theme": "^0.3.13",
+    "@verdaccio/ui-theme": "^1.0.0",
     "JSONStream": "1.3.5",
     "async": "3.1.1",
     "body-parser": "1.19.0",

src/api/web/index.ts

@@ -80,10 +80,11 @@ export default function(config, auth, storage) {
     const { url_prefix } = config;
     const uri = `${protocol}://${host}`;
     const base = combineBaseUrl(protocol, host, url_prefix);
+    const languageWeb = config?.i18n?.web ?? 'es-US';
     const primaryColor = _.get(config, 'web.primary_color') ? config.web.primary_color : '';
     const title = _.get(config, 'web.title') ? config.web.title : WEB_TITLE;
     const scope = _.get(config, 'web.scope') ? config.web.scope : '';
-    const options = { uri, protocol, host, url_prefix, base, primaryColor, title, scope };
+    const options = { uri, protocol, host, url_prefix, base, primaryColor, title, scope, language: languageWeb };
 
     const webPage = template
       .replace(/ToReplaceByVerdaccioUI/g, JSON.stringify(options))