fixed khmer language icon missing

Improve list of languages in Chinese (Simplified) and other misc improvements

Co-authored-by: Juan Picado <juanpicado19@gmail.com>

.secrets-baseline

@@ -3,7 +3,7 @@
     "files": null,
     "lines": null
   },
-  "generated_at": "2019-09-29T18:19:50Z",
+  "generated_at": "2020-05-05T12:14:08Z",
   "plugins_used": [
     {
       "name": "AWSKeyDetector"
@@ -23,6 +23,7 @@
       "name": "HexHighEntropyString"
     },
     {
+      "keyword_exclude": null,
       "name": "KeywordDetector"
     },
     {
@@ -36,5 +37,9 @@
     }
   ],
   "results": {},
-  "version": "0.12.4"
+  "version": "0.13.0",
+  "word_list": {
+    "file": null,
+    "hash": null
+  }
 }

README.md

@@ -105,6 +105,28 @@ If you have any issue you can try the following options, do no desist to ask or
 
 Translations are handled locally. I18n files can be found in the folder ```i18n/translations/*``` of this repository. We would love to provide translations from other languages, embracing all our users, but unfortunately we cannot do this without your help. Would you like to help us? Please feel **super welcome** to add a locale by opening a pull request.
 
+Your PR should contain:
+
+1 - A json file in the folder ```i18n/translations/*``` with the translations. The file must be named according to the new added language
+
+2 - The files ```i18n/config.ts``` and  ```LanguageSwitch.tsx``` updated with the new language. Please see the current structure
+
+3 - The other translations containing the new language in the language of the file. Example: 
+
+New language: ```cs_CZ ```
+
+The file ```pt-BR ``` should contain:
+ ```
+ "lng": {
+     ...,
+     "czech": "Tcheco"
+ }
+ ```
+
+4 - A SVG flag of the new translated language in the the folder ```src/components/Icon/img/*```. You maybe want to compress the svg file using https://jakearchibald.github.io/svgomg/ 
+
+
+
 ### License
 
 Verdaccio is [MIT licensed](https://github.com/verdaccio/verdaccio/blob/master/LICENSE)

i18n/config.ts

@@ -8,6 +8,8 @@ import translationDE from './translations/de-DE.json';
 import translationFR from './translations/fr-FR.json';
 import translationCN from './translations/zh-CN.json';
 import translationJP from './translations/ja-JP.json';
+import translationUA from './translations/uk-UA.json';
+import translationKM from './translations/km-KH.json';
 
 const languages = {
   'en-US': {
@@ -31,6 +33,12 @@ const languages = {
   'ja-JP': {
     translation: translationJP,
   },
+  'uk-UA': {
+    translation: translationUA,
+  },
+  'km-KH': {
+    translation: translationKM,
+  },
 };
 
 type Language = keyof typeof languages;
@@ -44,7 +52,7 @@ i18n
     // in case window.VEDACCIO_LANGUAGE is undefined,it will fall back to 'en-US'
     lng: window?.__VERDACCIO_BASENAME_UI_OPTIONS?.language,
     fallbackLng: 'en-US',
-    whitelist: ['en-US', 'pt-BR', 'es-ES', 'de-DE', 'fr-FR', 'zh-CN', 'ja-JP'],
+    whitelist: ['en-US', 'pt-BR', 'es-ES', 'de-DE', 'fr-FR', 'zh-CN', 'ja-JP', 'uk-UA', 'km-KH'],
     load: 'currentOnly',
     resources: languages,
     debug: false,

i18n/translations/de-DE.json

@@ -143,7 +143,9 @@
         "spanish": "Spanisch",
         "german": "Deutsch",
         "chinese": "Chinesisch",
-        "french": "Französisch"
+        "french": "Französisch",
+        "ukraine": "Ukrainisch",
+        "khmer": "Khmer"
     },
     "help-to-translate": "Hilfe beim Übersetzen",
     "change-language": "Sprache ändern"

i18n/translations/en-US.json

@@ -143,7 +143,9 @@
         "spanish": "Spanish",
         "german": "German",
         "chinese": "Chinese",
-        "french":  "French"
+        "french":  "French",
+        "ukraine": "Ukraine",
+        "khmer": "Khmer"
     },
     "help-to-translate": "Help to translate",
     "change-language": "Change language"

i18n/translations/es-ES.json

@@ -143,7 +143,9 @@
         "spanish": "Español",
         "german": "Alemán",
         "chinese": "Chino",
-        "french": "francés"
+        "french": "Francés",
+        "ukraine": "Ucraniano",
+        "khmer": "Khmer"
     },
     "help-to-translate": "Ayuda a traducir",
     "change-language": "Cambiar idioma"

i18n/translations/fr-FR.json

@@ -143,7 +143,9 @@
         "spanish": "Espagnol",
         "german": "Allemand",
         "chinese": "Chinois",
-        "french": "Français"
+        "french": "Français",
+        "ukraine": "Ukrainien",
+        "khmer": "Khmer"
     },
     "help-to-translate": "Aide à la traduction",
     "change-language": "Changer la langue"

i18n/translations/ja-JP.json

@@ -143,7 +143,9 @@
     "spanish": "スペイン語",
     "german": "ドイツ語",
     "chinese": "中国語",
-    "french": "フランス語"
+    "french": "フランス語",
+    "ukraine": "ウクライナ",
+    "khmer": "Khmer"
    },
    "help-to-translate": "翻訳を助ける",
    "change-language": "言語を変更"

i18n/translations/km-KH.json

@@ -0,0 +1,152 @@
+{
+    "copy-to-clipboard": "ចម្លងទៅក្ដារតម្បៀតខ្ទាស់",
+    "author-anonymous": "គ្មានអត្តសញ្ញាណ",
+    "action-bar-action": {
+        "visit-home-page": "ទស្សនាគេហទំព័រ",
+        "open-an-issue": "បើកកិច្ចការ",
+        "download-tarball": "ទាញយកកញ្ចប់ឯកសារ"
+    },
+    "dialog": {
+        "registry-info": {
+            "title": "ព័ត៌មានការចុះឈ្មោះ"
+        }
+    },
+    "header": {
+        "documentation": "ឯកសារ",
+        "registry-info": "ព័ត៌មានការចុះឈ្មោះ",
+        "greetings": "សួស្តី"
+    },
+    "search": {
+        "packages": "ស្វែងរកកញ្ចប់"
+    },
+    "auto-complete": {
+        "loading": "កំពុងផ្ទុក...",
+        "no-results-found": "រកមិនឃើញលទ្ធផល"
+    },
+    "tab": {
+        "uplinks": "ភ្ជាប់តំណទៅ",
+        "versions": "កំណែ",
+        "dependencies": "អាស្រ័យលើ",
+        "readme": "អានខ្ញុំជាមុនសិន"
+    },
+    "uplinks": {
+        "title": "ភ្ជាប់តំណទៅ",
+        "no-items": "{{name}} គ្មានភ្ជាប់តំណទៅ។"
+    },
+    "versions": {
+        "current-tags": "ស្លាកបច្ចុប្បន្ន",
+        "version-history": "ប្រវត្តិសាស្រ្តជំនាន់",
+        "not-available": "Not available"
+    },
+    "package": {
+        "published-on": "បោះពុម្ភផ្សាយ {{time}}។",
+        "version": "v{{version}}",
+        "visit-home-page": "ទស្សនាគេហទំព័រ",
+        "homepage": "គេហទំព័រ",
+        "open-an-issue": "បើកកិច្ចការ",
+        "bugs": "កំហុស",
+        "download": "ទាញយក {{what}}",
+        "the-tar-file": "ឯកសាជា tar",
+        "tarball": "ឯកសារ Tarball"
+    },
+    "dependencies": {
+        "has-no-dependencies": "{{package}} មិនមានភាពអាស្រ័យ។",
+        "dependency-block": "{{package}}@{{version}}"
+    },
+    "form": {
+        "username": "ឈ្មោះអ្នកប្រើប្រាស់",
+        "password": "ពាក្យសម្ងាត់"
+    },
+    "form-placeholder": {
+        "username": "ឈ្មោះអ្នកប្រើរបស់អ្នក",
+        "password": "ពាក្យសម្ងាត់ខ្លាំងរបស់អ្នក"
+    },
+    "form-validation": {
+        "required-field": "ចន្លោះនេះត្រូវតែំពេញ",
+        "required-min-length": "ប្រអប់នេះទាមទារប្រវែងអប្បបរមា {{length}}",
+        "unable-to-sign-in": "មិនអាចចូលបានទេ",
+        "username-or-password-cant-be-empty": "ឈ្មោះអ្នកប្រើឬពាក្យសម្ងាត់មិនអាចទទេ!"
+    },
+    "help": {
+        "title": "មិនទាន់មានការបោះពុម្ពផ្សាយកញ្ចប់នៅឡើយទេ។",
+        "sub-title": "ដើម្បីផ្សព្វផ្សាយកញ្ចប់ដំបូងរបស់អ្នកគ្រាន់តែ៖",
+        "first-step": "1. ចូល",
+        "first-step-command-line": "npm adduser --registry {{registryUrl}}",
+        "second-step": "2. ផ្សព្វផ្សាយ",
+        "second-step-command-line": "npm publish --registry {{registryUrl}}",
+        "third-step": "ផ្ទុកទំព័រនេះឡើងវិញ។"
+    },
+    "sidebar": {
+        "detail": {
+            "latest-version": "ចុងក្រោយ v{{version}}",
+            "version": "v{{version}}"
+        },
+        "installation": {
+            "title": "ការដំឡើង",
+            "install-using-yarn": "ដំឡើងដោយប្រើ yarn",
+            "install-using-yarn-command": "yarn add {{packageName}}",
+            "install-using-npm": "ដំឡើងដោយប្រើ npm",
+            "install-using-npm-command": "npm install {{packageName}}",
+            "install-using-pnpm": "ដំឡើងដោយប្រើ pnpm",
+            "install-using-pnpm-command": "pnpm install {{packageName}}"
+        },
+        "repository": {
+            "title": "ឃ្លាំង"
+        },
+        "author": {
+            "title": "អ្នកនិពន្ធ"
+        },
+        "distribution": {
+            "title": "ការចែកចាយចុងក្រោយ",
+            "license": "អាជ្ញាប័ណ្ណ",
+            "size": "ទំហំ",
+            "file-count": "រាប់ឯកសារ"
+        },
+        "maintainers": {
+            "title": "អ្នកថែរក្សា"
+        },
+        "contributors": {
+            "title": "អ្នកចូលរួមអភិវឌ្ឍ"
+        },
+        "engines": {
+            "npm-version": "NPM កំណែ",
+            "node-js": "NODE JS"
+        }
+    },
+    "footer": {
+        "powered-by": "ឧបត្ថម្ភដោយ",
+        "made-with-love-on": "ផលិតជាមួយ <0>♥</0> លើ"
+    },
+    "button": {
+        "close": "បិទ",
+        "cancel": "បោះបង់",
+        "login": "ចូល",
+        "logout": "ចាកចេញ",
+        "go-to-the-home-page": "ទៅទំព័រដើម",
+        "learn-more": "ស្វែងយល់បន្ថែម",
+        "fund-this-package": "<0>Fund</0> កញ្ចប់នេះ"
+    },
+    "error": {
+        "unspecific": "មានអ្វីមួយមិនប្រក្រតី។",
+        "404": {
+            "page-not-found": "៤០៤ - រកមិនឃើញទំព័រ",
+            "sorry-we-could-not-find-it": "សូមទោសយើងមិនអាចរកវាឃើញទេ..."
+        },
+        "app-context-not-correct-used": "បរិបទកម្មវិធីមិនត្រូវបានប្រើត្រឹមត្រូវទេ",
+        "theme-context-not-correct-used": "បរិបទទម្រង់មិនត្រូវបានប្រើត្រឹមត្រូវទេ",
+        "package-meta-is-required-at-detail-context": "packageMeta ត្រូវបានទាមទារនៅ DetailContext"
+    },
+    "lng": {
+        "english": "អង់គ្លេស",
+        "japanese": "ជប៉ុន",
+        "portuguese": "ព័រទុយហ្កាល់",
+        "spanish": "អេស្ប៉ាញ",
+        "german": "អាឡឺម៉ង់",
+        "chinese": "ចិន",
+        "french":  "បារាំង",
+        "ukraine": "អ៊ុយក្រែន",
+        "khmer": "ខ្មែរ"
+    },
+    "help-to-translate": "ជួយបកប្រែ",
+    "change-language": "ប្ដូរភាសា"
+}

i18n/translations/pt-BR.json

@@ -143,7 +143,9 @@
         "spanish": "Espanhol",
         "german": "Alemão",
         "chinese": "Chinês",
-        "french": "Francês"
+        "french": "Francês",
+        "ukraine": "Ucraniano",
+        "khmer": "Khmer"
     },
     "help-to-translate": "Ajude a traduzir",
     "change-language": "Mudar idioma"

i18n/translations/uk-UA.json

@@ -0,0 +1,152 @@
+{
+    "copy-to-clipboard": "Копіювати в буфер обміну",
+    "author-anonymous": "Анонімний",
+    "action-bar-action": {
+        "visit-home-page": "Відвідати домашню сторінку",
+        "open-an-issue": "Відкрити питання, проблему, ...",
+        "download-tarball": "Завантажити архів"
+    },
+    "dialog": {
+        "registry-info": {
+            "title": "Інформація про реєстр"
+        }
+    },
+    "header": {
+        "documentation": "Документація",
+        "registry-info": "Інформація про реєстр",
+        "greetings": "Привіт "
+    },
+    "search": {
+        "packages": "Пошук пакетів"
+    },
+    "auto-complete": {
+        "loading": "Завантаження...",
+        "no-results-found": "Нічого не знайдено"
+    },
+    "tab": {
+        "uplinks": "Публікації",
+        "versions": "Версії",
+        "dependencies": "Залежності",
+        "readme": "Опис"
+    },
+    "uplinks": {
+        "title": "Публікації",
+        "no-items": "{{name}} не опубліковано."
+    },
+    "versions": {
+        "current-tags": "Поточні теги",
+        "version-history": "Історія версій",
+        "not-available": "Недоступний"
+    },
+    "package": {
+        "published-on": "Опубліковано {{time}} •",
+        "version": "v{{version}}",
+        "visit-home-page": "Відвідати домашню сторінку",
+        "homepage": "Домашня сторінка",
+        "open-an-issue": "Відкрити питання, проблему, ...",
+        "bugs": "Помилки",
+        "download": "Завантажити {{what}}",
+        "the-tar-file": "файл tar",
+        "tarball": "Завантажити"
+    },
+    "dependencies": {
+        "has-no-dependencies": "{{package}} не має залежностей.",
+        "dependency-block": "{{package}}@{{version}}"
+    },
+    "form": {
+        "username": "Ім'я користувача",
+        "password": "Пароль"
+    },
+    "form-placeholder": {
+        "username": "Ваше ім'я користувача",
+        "password": "Ваш надійний пароль"
+    },
+    "form-validation": {
+        "required-field": "Це поле є обов'язковим",
+        "required-min-length": "Для цього поля потрібна мінімальна довжина {{length}}",
+        "unable-to-sign-in": "Неможливо ввійти",
+        "username-or-password-cant-be-empty": "Ім'я користувача або пароль не можуть бути порожніми !"
+    },
+    "help": {
+        "title": "Пакети ще не опубліковані",
+        "sub-title": "Опублікувати свій перший пакет просто:",
+        "first-step": "1. Підключіться",
+        "first-step-command-line": "npm adduser --registry {{registryUrl}}",
+        "second-step": "2. Опублікуйте",
+        "second-step-command-line": "npm publish --registry {{registryUrl}}",
+        "third-step": "3. Оновіть цю сторінку."
+    },
+    "sidebar": {
+        "detail": {
+            "latest-version": "Остання версія v{{version}}",
+            "version": "v{{version}}"
+        },
+        "installation": {
+            "title": "Встановлення",
+            "install-using-yarn": "Встановлення за допомогою yarn",
+            "install-using-yarn-command": "yarn add {{packageName}}",
+            "install-using-npm": "Встановлення за допомогою npm",
+            "install-using-npm-command": "npm install {{packageName}}",
+            "install-using-pnpm": "Встановлення за допомогою pnpm",
+            "install-using-pnpm-command": "pnpm install {{packageName}}"
+        },
+        "repository": {
+            "title": "Сховище"
+        },
+        "author": {
+            "title": "Автор"
+        },
+        "distribution": {
+            "title": "Умови поширення",
+            "license": "Ліцензія",
+            "size": "Розмір",
+            "file-count": "кількість файлів"
+        },
+        "maintainers": {
+            "title": "Технічне супроводження"
+        },
+        "contributors": {
+            "title": "Автори"
+        },
+        "engines": {
+            "npm-version": "NPM версія",
+            "node-js": "NODE JS"
+        }
+    },
+    "footer": {
+        "powered-by": "Працює на",
+        "made-with-love-on": "Зроблено з <0> ♥ </0> на"
+    },
+    "button": {
+        "close": "Закрити",
+        "cancel": "Скасувати",
+        "login": "Вхід",
+        "logout": "Вийти",
+        "go-to-the-home-page": "Перейдіть на головну сторінку",
+        "learn-more": "Вивчайте більше",
+        "fund-this-package": "<0>Фінансувати</0> цей пакет"
+    },
+    "error": {
+        "unspecific": "Щось пішло не так.",
+        "404": {
+            "page-not-found": "404 - Сторінку не знайдено",
+            "sorry-we-could-not-find-it": "На жаль, ми не змогли його знайти ..."
+        },
+        "app-context-not-correct-used": "Контекст програми не використовувався правильно",
+        "theme-context-not-correct-used": "Контекст теми використано неправильно",
+        "package-meta-is-required-at-detail-context": "packageMeta is required at DetailContext"
+    },
+    "lng": {
+        "english": "Англійська",
+        "japanese": "Японська",
+        "portuguese": "Португальська",
+        "spanish": "Іспанська",
+        "german": "Німецька",
+        "chinese": "Китайська",
+        "french":  "Французька",
+        "ukraine": "Українська",
+        "khmer": "Khmer"
+    },
+    "help-to-translate": "Допоможіть перекласти",
+    "change-language": "Змінити мову"
+}

i18n/translations/zh-CN.json

@@ -109,7 +109,7 @@
             "title": "贡献者"
         },
         "engines": {
-            "npm-version": "NPM Version",
+            "npm-version": "NPM版本",
             "node-js": "NODE JS"
         }
     },
@@ -136,14 +136,16 @@
         "package-meta-is-required-at-detail-context": "packageMeta is required at DetailContext"
     },
     "lng": {
-        "english": "英語",
+        "english": "英语",
-        "japanese": "日語",
+        "japanese": "日语",
-        "portuguese": "葡萄牙語",
+        "portuguese": "葡萄牙语",
-        "spanish": "西班牙文",
+        "spanish": "西班牙语",
-        "german": "德語",
+        "german": "德语",
         "chinese": "中文",
-        "french": "法國人"
+        "french": "法语",
+        "ukraine": "烏克蘭",
+        "khmer": "Khmer"
     },
-    "help-to-translate": "幫助翻譯",
+    "help-to-translate": "幫助翻译",
-    "change-language": "改變語言"
+    "change-language": "改变语言"
 }

package.json

@@ -144,7 +144,7 @@
     },
     {
       "path": "./static/main.*.js",
-      "maxSize": "30 kB"
+      "maxSize": "35 kB"
     },
     {
       "path": "./static/[0-9].*.{js,css}",

src/App/App.tsx

@@ -13,10 +13,10 @@ import Loading from '../components/Loading';
 import Box from '../muiComponents/Box';
 import StyleBaseline from '../design-tokens/StyleBaseline';
 import { Theme } from '../design-tokens/theme';
+import loadDayJSLocale from '../design-tokens/load-dayjs-locale';
 
 import AppContextProvider from './AppContextProvider';
 import AppRoute, { history } from './AppRoute';
-import loadDayJSLocale from './load-dayjs-locale';
 
 const StyledBox = styled(Box)<{ theme?: Theme }>(({ theme }) => ({
   backgroundColor: theme?.palette.background.default,

src/components/Icon/Icon.tsx

@@ -14,6 +14,8 @@ import spain from './img/spain.svg';
 import usa from './img/usa.svg';
 import france from './img/france.svg';
 import japan from './img/japan.svg';
+import ukraine from './img/ukraine.svg';
+import khmer from './img/khmer.svg';
 import earth from './img/earth.svg';
 import verdaccio from './img/verdaccio.svg';
 import filebinary from './img/filebinary.svg';
@@ -34,6 +36,8 @@ export interface IconsMap {
   germany: string;
   india: string;
   japan: string;
+  ukraine: string;
+  khmer: string;
   earth: string;
   verdaccio: string;
   license: string;
@@ -63,6 +67,8 @@ export const Icons: IconsMap = {
   usa,
   france,
   japan,
+  ukraine,
+  khmer,
 };
 
 export interface Props {

src/components/Icon/img/khmer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="khmer"><g fill="#032ea1"><path d="M0 304.8v64.8a48.3 48.3 0 0048 48.8h400c26.4 0 48-21.6 48-48.8v-64.8H0zM448 77.6H48c-26.4 0-48 21.6-48 48.8v64.8h496v-64.8a48.3 48.3 0 00-48-48.8z"/></g><path fill="#e00025" d="M0 189.6h496v116H0z"/><g fill="#042a7f"><path d="M448 418.4c26.4 0 48-21.6 48-48.8v-64.8H315.2L448 418.4zM448 77.6H48l132.8 113.6H496v-64.8a48.3 48.3 0 00-48-48.8z"/></g><path fill="#b50030" d="M316 306.4h180V189.6H180z"/><path fill="#002566" d="M448 77.6H48l370.4 113.6H496v-64.8a48.3 48.3 0 00-48-48.8z"/><path fill="#8c002b" d="M496 214.4v-24.8h-81.6z"/><path fill="#002566" d="M496 369.6a48.3 48.3 0 01-48 48.8H48c-26.4 0-48-21.6-48-48.8"/><g fill="#fff"><path d="M249.6 200s0-2.4-1.6-2.4-1.6 2.4-1.6 2.4h3.2zM321.6 290.4v-7.2h-24 20v-6.4h-4V272h-16H312v-4h-3.2c-.8-.8-2.4-1.6-2.4-3.2v-12c.8-1.6 1.6-3.2 2.4-3.2v-11.2c-1.6 0-2.4 1.6-2.4 1.6v-4.8h-1.6v9.6-6.4h-2.4 2.4v-1.6h-2.4v-5.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v9.6H280v-.8h-1.6v.8H264V232c-1.6.8-1.6 1.6-1.6 1.6v7.2-5.6h-1.6s-.8 0-.8-1.6.8-2.4 1.6-2.4V228s-3.2 0-3.2 4v-3.2c-.8 0-.8.8-.8 4h-2.4 1.6v-3.2c0-1.6 1.6-1.6 1.6-3.2V224c-.8 2.4-1.6 1.6-1.6.8s.8-1.6 2.4-4c.8-.8 0-2.4-.8-3.2 0 1.6-.8 2.4-1.6 2.4s-.8 0-.8-1.6c0-.8.8-1.6.8-3.2.8-1.6 0-2.4-.8-3.2 0 1.6 0 2.4-.8 2.4-1.6-.8 0-3.2 0-3.2 0-.8-.8-2.4-.8-2.4-.8 1.6-.8 1.6-1.6 1.6s-.8-1.6 0-2.4c.8-.8.8-1.6 0-1.6-.8 1.6-1.6.8-1.6 0l.8-2.4h-10.4l.8 2.4c0 .8-.8.8-1.6 0-.8.8-.8 1.6 0 1.6.8.8.8 1.6 0 2.4-.8 0-.8 0-1.6-1.6 0 0-.8 1.6-.8 2.4 0 .8 1.6 3.2 0 3.2-.8 0-.8-.8-.8-2.4-.8.8-.8 1.6-.8 3.2 0 .8.8 1.6.8 3.2 0 .8-.8 1.6-.8 1.6-.8 0-.8-.8-1.6-2.4-.8.8-.8 3.2-.8 3.2 1.6 2.4 2.4 3.2 2.4 4s-.8 1.6-1.6-.8c-.8.8 0 2.4 0 2.4 0 1.6 1.6 1.6 1.6 3.2v3.2h1.6-2.4c0-3.2 0-4-.8-4v3.2c0-3.2-3.2-3.2-3.2-3.2v3.2c.8 0 1.6.8 1.6 2.4s-.8 1.6-.8 1.6h-1.6v5.6-7.2s0-1.6-1.6-1.6v8.8h-14.4V240h-1.6v.8h-3.2v-9.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v5.6h-2.4v-.8h-1.6v4s-.8-1.6-2.4-1.6v12c.8 0 2.4 1.6 2.4 3.2v12c0 1.6-1.6 2.4-2.4 3.2h-.8v3.2h13.6-16v4.8h-4v6.4h20-24v7.2h-4v7.2h156v-7.2h-4zm-16.8-25.6zm-2.4-17.6v.8-.8zm-3.2.8h4-4zm-105.6-9.6h-2.4 2.4zm3.2 10.4h-3.2 3.2zm12-.8h4-4zm-.8 24h35.2H208zm35.2 11.2H208h35.2zm.8-50.4zm8 0zm32 15.2h3.2-3.2c-.8.8-.8 0 0 0zm4 35.2h-36 36zm0-11.2h-36 36z"/><path d="M252.8 205.6v-2.4h-9.6v2.4zM252 203.2v-1.6h-8v1.6zM250.4 201.6V200h-4.8v1.6z"/></g><g fill="#cecece"><path d="M231.2 232v2.4l1.6 1.6v-1.6c0-.8 0-2.4-1.6-2.4z"/><path d="M321.6 283.2h-24 20v-6.4h-4V272h-16H312v-4h-3.2c-.8-.8-2.4-1.6-2.4-3.2v-12c.8-1.6 1.6-3.2 2.4-3.2v-11.2c-1.6 0-2.4 1.6-2.4 1.6v-4.8h-1.6v9.6-6.4h-2.4 2.4v-1.6h-2.4v-5.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v9.6H280v-.8h-1.6v.8H264V232c-1.6.8-1.6 1.6-1.6 1.6v7.2-5.6h-1.6s-.8 0-.8-1.6.8-2.4 1.6-2.4V228s-3.2 0-3.2 4v-3.2c-.8 0-.8.8-.8 4h-.8v-3.2c0-1.6 1.6-1.6 1.6-3.2V224c-.8 2.4-1.6 1.6-1.6.8s.8-1.6 2.4-4c.8-.8 0-2.4-.8-3.2 0 1.6-.8 2.4-1.6 2.4s-.8 0-.8-1.6c0-.8.8-1.6.8-3.2.8-1.6 0-2.4-.8-3.2 0 1.6 0 2.4-.8 2.4-1.6-.8 0-3.2 0-3.2 0-.8-.8-2.4-.8-2.4-.8 1.6-.8 1.6-1.6 1.6s-.8-1.6 0-2.4c.8-.8.8-1.6 0-1.6-.8 1.6-1.6.8-1.6 0l.8-2.4h-10.4l.8 2.4c0 .8-.8.8-1.6 0-.8.8-.8 1.6 0 1.6.8.8.8 1.6 0 2.4-.8 0-.8 0-1.6-1.6 0 0-.8 1.6-.8 2.4 0 .8 1.6 3.2 0 3.2-.8 0-.8-.8-.8-2.4-.8.8-.8 1.6-.8 3.2 0 .8.8 1.6.8 3.2 0 .8-.8 1.6-.8 1.6-.8 0-.8-.8-1.6-2.4-.8.8-.8 3.2-.8 3.2 1.6 2.4 2.4 3.2 2.4 4s-.8 1.6-1.6-.8c-.8.8 0 2.4 0 2.4 0 1.6 1.6 1.6 1.6 3.2v3.2h-.8c0-3.2 0-4-.8-4v3.2c0-3.2-3.2-3.2-3.2-3.2v3.2c.8 0 1.6.8 1.6 2.4s-.8 1.6-.8 1.6h-1.6l42.4 36.8H288h-12l31.2 26.4h19.2V292h-4v-8.8h-.8zm-19.2-36v.8-.8zm-3.2.8h4-4zm-12 .8h-4 4zM248 197.6c-1.6 0-1.6 2.4-1.6 2.4h2.4c.8 0 .8-2.4-.8-2.4z"/><path d="M243.2 203.2v2.4h9.6v-2.4zM252 203.2v-1.6h-8v1.6zM250.4 201.6V200h-4.8v1.6z"/></g></svg>

src/components/Icon/img/ukraine.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="ukraine"><path d="M0 248v121.6C0 396.8 21.6 416 48 416h400c26.4 0 48-19.2 48-46.4V248H0z" fill="#fdce0c"/><path d="M248 248l197.6 168c26.4 0 50.4-19.2 50.4-46.4V248H248z" fill="#f4ba00"/><path d="M448 80H48C21.6 80 0 99.2 0 126.4V248h496V126.4c0-27.2-21.6-46.4-48-46.4z" fill="#44c1ef"/><path d="M448 80H48l200 168h248V126.4c0-27.2-21.6-46.4-48-46.4z" fill="#18b4ea"/><path d="M496 368.8c0 29.6-21.6 47.2-48 47.2H48c-26.4 0-48-20.8-48-48" fill="#f2a700"/><path d="M48 80h400c26.4 0 48 19.2 48 46.4V216" fill="#10a2e2"/></svg>

src/components/LanguageSwitch/LanguageSwitch.tsx

@@ -59,6 +59,16 @@ const getTranslatedCurrentLanguageDetails = (
         translation: t('lng.japanese'),
         icon: 'japan',
       };
+    case 'uk-UA':
+      return {
+        translation: t('lng.ukraine'),
+        icon: 'ukraine',
+      };
+    case 'km-KH':
+      return {
+        translation: t('lng.khmer'),
+        icon: 'khmer',
+      };
     default:
       return {
         translation: t('lng.english'),

src/design-tokens/ThemeProvider.tsx

@@ -3,6 +3,7 @@ import { ThemeProvider as MuiThemeProvider } from '@material-ui/core/styles';
 import { ThemeProvider as EmotionThemeProvider } from 'emotion-theming';
 import i18next from 'i18next';
 
+import loadDayJSLocale from './load-dayjs-locale';
 import ThemeContext from './ThemeContext';
 import { getTheme, ThemeMode } from './theme';
 import useLocalStorage from './useLocalStorage';
@@ -22,7 +23,8 @@ const ThemeProvider: React.FC = ({ children }) => {
 
   useEffect(() => {
     changeLanguage();
-  }, [language, changeLanguage]);
+    loadDayJSLocale();
+  }, [language, changeLanguage, loadDayJSLocale]);
 
   return (
     <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode, language, setLanguage }}>

src/design-tokens/load-dayjs-locale.ts

@@ -19,12 +19,7 @@ function loadDayJSLocale() {
   const fallbackLanguage = getFallFackLanguage();
   const locale = i18n.language || fallbackLanguage;
 
-  // dayjs loades en-US by default
+  switch (locale?.toLowerCase()) {
-  if (!locale || locale === 'en-US') {
-    return;
-  }
-
-  switch (locale.toLowerCase()) {
     case 'pt-br':
       {
         require('dayjs/locale/pt-br');
@@ -61,7 +56,17 @@ function loadDayJSLocale() {
         dayjs.locale('ja');
       }
       break;
+    case 'uk-ua':
+      {
+        require('dayjs/locale/uk');
+        dayjs.locale('uk');
+      }
+      break;
     default:
+      {
+        require('dayjs/locale/en');
+        dayjs.locale('en');
+      }
       break;
   }
 }

src/utils/cli-utils.test.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
 
-import { copyToClipBoardUtility } from './cli-utils';
+import { copyToClipBoardUtility, getCLISetConfigRegistry } from './cli-utils';
 
 describe('copyToClipBoardUtility', () => {
   let originalGetSelection;
@@ -47,3 +47,18 @@ describe('copyToClipBoardUtility', () => {
     expect(spys.removeChild).toHaveBeenCalledWith(expectedDiv);
   });
 });
+
+describe('getCLISetRegistry', () => {
+  const command = 'npm set';
+  const scope = '@testscope';
+  const blankScope = '';
+  const url = 'https://test.local';
+
+  test('should return ":" separated string when scope is set', () => {
+    expect(getCLISetConfigRegistry(command, scope, url)).toEqual(`${command} ${scope}:registry ${url}`);
+  });
+
+  test('should not output scope when scope is not set', () => {
+    expect(getCLISetConfigRegistry(command, blankScope, url)).toEqual(`${command} registry ${url}`);
+  });
+});

src/utils/cli-utils.ts

@@ -21,7 +21,8 @@ export const copyToClipBoardUtility = (str: string): ((e: SyntheticEvent<HTMLEle
 };
 
 export function getCLISetConfigRegistry(command: string, scope: string, registryUrl: string): string {
-  return `${command} ${scope}registry ${registryUrl}`;
+  // if there is a scope defined there needs to be a ":" separator between the scope and the registry
+  return `${command} ${scope}${scope !== '' ? ':' : ''}registry ${registryUrl}`;
 }
 
 export function getCLISetRegistry(command: string, registryUrl: string): string {

src/utils/package.test.ts

@@ -50,7 +50,7 @@ describe('formatRepository', (): void => {
 describe('formatDate', (): void => {
   test('should format the date', (): void => {
     const date = 1532211072138;
-    expect(formatDate(date)).toEqual('21.07.2018, 22:11:12');
+    expect(formatDate(date)).toEqual('07/21/2018 10:11:12 PM');
   });
 });
 
@@ -78,7 +78,7 @@ describe('formatDateDistance', (): void => {
 describe('getLastUpdatedPackageTime', (): void => {
   test('should get the last update time', (): void => {
     const lastUpdated = packageMeta._uplinks;
-    expect(getLastUpdatedPackageTime(lastUpdated)).toEqual('22.07.2018, 22:11:12');
+    expect(getLastUpdatedPackageTime(lastUpdated)).toEqual('07/22/2018 10:11:12 PM');
   });
 
   test('should get the last update time for blank uplink', (): void => {
@@ -91,9 +91,9 @@ describe('getRecentReleases', (): void => {
   test('should get the recent releases', (): void => {
     const { time } = packageMeta;
     const result = [
-      { time: '14.12.2017, 15:43:27', version: '2.7.1' },
+      { time: '12/14/2017 3:43:27 PM', version: '2.7.1' },
-      { time: '05.12.2017, 23:25:06', version: '2.7.0' },
+      { time: '12/05/2017 11:25:06 PM', version: '2.7.0' },
-      { time: '08.11.2017, 22:47:16', version: '2.6.6' },
+      { time: '11/08/2017 10:47:16 PM', version: '2.6.6' },
     ];
     expect(getRecentReleases(time)).toEqual(result);
     expect(getRecentReleases()).toEqual([]);

src/utils/package.ts

@@ -5,12 +5,14 @@ import { UpLinks } from '@verdaccio/types';
 import isString from 'lodash/isString';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
 
 import { Time } from '../../types/packageMeta';
 
-export const TIMEFORMAT = 'DD.MM.YYYY, HH:mm:ss';
+export const TIMEFORMAT = 'L LTS';
 
 dayjs.extend(relativeTime);
+dayjs.extend(localizedFormat);
 
 /**
  * Formats license field for webui.