@adminforth/i18n 1.0.23-next.2 → 1.1.0

package/.woodpecker/buildRelease.sh

@@ -0,0 +1,13 @@
+
+#!/bin/bash
+
+# write npm run output both to console and to build.log
+npm run build 2>&1 | tee build.log
+build_status=${PIPESTATUS[0]}
+
+# if exist status from the npm run build is not 0
+# then exit with the status code from the npm run build
+if [ $build_status -ne 0 ]; then
+  echo "Build failed. Exiting with status code $build_status"
+  exit $build_status
+fi

package/.woodpecker/buildSlackNotify.sh

@@ -0,0 +1,42 @@
+#!/bin/sh
+
+
+COMMIT_SHORT_SHA=$(echo $CI_COMMIT_SHA | cut -c1-8)
+
+
+if [ "$CI_STEP_STATUS" = "success" ]; then
+  MESSAGE="Did a build without issues on \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\`. Commit: _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+
+  curl  -s -X POST -H "Content-Type: application/json" -d '{
+    "username": "'"$CI_COMMIT_AUTHOR"'",
+    "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+    "attachments": [
+      {
+          "mrkdwn_in": ["text", "pretext"],
+          "color": "#36a64f",
+          "text": "'"$MESSAGE"'"
+      }
+    ]
+  }' "$DEVELOPERS_SLACK_WEBHOOK"
+  exit 0
+fi
+export BUILD_LOG=$(cat ./build.log)
+
+
+MESSAGE="Broke \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\` with commit _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+CODE_BLOCK="\`\`\`$BUILD_LOG\n\`\`\`"
+
+echo "Sending slack message to developers $MESSAGE"
+# Send the message
+curl  -X POST -H "Content-Type: application/json" -d '{
+  "username": "'"$CI_COMMIT_AUTHOR"'",
+  "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+  "attachments": [
+    {
+        "mrkdwn_in": ["text", "pretext"],
+        "color": "#8A1C12",
+        "text": "'"$CODE_BLOCK"'",
+        "pretext": "'"$MESSAGE"'"
+    }
+  ]
+}' "$DEVELOPERS_SLACK_WEBHOOK"

package/.woodpecker/release.yml

@@ -0,0 +1,45 @@
+clone:
+  git:
+    image: woodpeckerci/plugin-git
+    settings:
+      partial: false
+      depth: 5
+
+steps:
+  init-secrets:
+    when:
+      - event: push
+    image: infisical/cli
+    environment:
+      INFISICAL_TOKEN:
+        from_secret: VAULT_TOKEN
+    commands:
+      - infisical export --domain https://vault.devforth.io/api --format=dotenv-export --env="prod" > /woodpecker/deploy.vault.env
+    secrets:
+      - VAULT_TOKEN
+
+  release:
+    image: node:20
+    when:
+      - event: push
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+    commands:
+      # install rsync
+      - apt update && apt install -y rsync
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - npm clean-install
+      - /bin/bash ./.woodpecker/buildRelease.sh
+      - npm audit signatures
+      - npx semantic-release
+
+  slack-on-failure:
+    when:
+      - event: push
+        status: [failure, success]
+      - event: push
+    image: curlimages/curl
+    commands:
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - /bin/sh ./.woodpecker/buildSlackNotify.sh
+

package/Changelog.md

@@ -13,6 +13,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 - support for pluralization in Backend `tr` function
+- add handy languagesList function to get all languages for translation of side apps
+
+### Fixed
+- invalidation of indvidual tr messages when translation using LLM adapter
 
 ## [1.0.22]
 

package/{custom/node_modules/flag-icon-css/LICENSE → LICENSE}

@@ -1,13 +1,13 @@
-The MIT License (MIT)
+MIT License
 
-Copyright (c) 2013 Panayiotis Lipiridis
+Copyright (c) 2025 Devforth.io
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-of the Software, and to permit persons to whom the Software is furnished to do
-so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.

package/build.log

@@ -0,0 +1,15 @@
+
+> @adminforth/i18n@1.0.23 build
+> tsc && rsync -av --exclude 'node_modules' custom dist/
+
+sending incremental file list
+custom/
+custom/LanguageInUserMenu.vue
+custom/LanguageUnderLogin.vue
+custom/langCommon.ts
+custom/package-lock.json
+custom/package.json
+custom/tsconfig.json
+
+sent 9,620 bytes  received 134 bytes  19,508.00 bytes/sec
+total size is 9,122  speedup is 0.94

package/dist/index.js

@@ -30,6 +30,19 @@ const SLAVIC_PLURAL_EXAMPLES = {
     be: 'яблыкаў | яблык | яблыкі | яблыкаў', // zero | singular | 2-4 | 5+
     ru: 'яблок | яблоко | яблока | яблок', // zero | singular | 2-4 | 5+
 };
+const countryISO31661ByLangISO6391 = {
+    en: 'us', // English → United States
+    zh: 'cn', // Chinese → China
+    hi: 'in', // Hindi → India
+    ar: 'sa', // Arabic → Saudi Arabia
+    ko: 'kr', // Korean → South Korea
+    ja: 'jp', // Japanese → Japan
+    uk: 'ua', // Ukrainian → Ukraine
+    ur: 'pk', // Urdu → Pakistan
+};
+function getCountryCodeFromLangCode(langCode) {
+    return countryISO31661ByLangISO6391[langCode] || langCode;
+}
 class CachingAdapterMemory {
     constructor() {
         this.cache = {};
@@ -200,7 +213,7 @@ export default class I18nPlugin extends AdminForthPlugin {
             // disable create allowedActions for translations
             resourceConfig.options.allowedActions.create = false;
             // add hook to validate user did not screw up with template params
-            resourceConfig.hooks.edit.beforeSave.push((_c) => __awaiter(this, [_c], void 0, function* ({ updates, oldRecord }) {
+            resourceConfig.hooks.edit.beforeSave.push((_a) => __awaiter(this, [_a], void 0, function* ({ updates, oldRecord }) {
                 for (const lang of this.options.supportedLanguages) {
                     if (lang === 'en') {
                         continue;
@@ -214,7 +227,7 @@ export default class I18nPlugin extends AdminForthPlugin {
                 return { ok: true };
             }));
             // add hook on edit of any translation
-            resourceConfig.hooks.edit.afterSave.push((_d) => __awaiter(this, [_d], void 0, function* ({ updates, oldRecord }) {
+            resourceConfig.hooks.edit.afterSave.push((_a) => __awaiter(this, [_a], void 0, function* ({ updates, oldRecord }) {
                 if (oldRecord) {
                     // find lang which changed
                     let langsChanged = [];
@@ -237,7 +250,7 @@ export default class I18nPlugin extends AdminForthPlugin {
                 return { ok: true };
             }));
             // add hook on delete of any translation to reset cache
-            resourceConfig.hooks.delete.afterSave.push((_e) => __awaiter(this, [_e], void 0, function* ({ record }) {
+            resourceConfig.hooks.delete.afterSave.push((_a) => __awaiter(this, [_a], void 0, function* ({ record }) {
                 for (const lang of this.options.supportedLanguages) {
                     // if frontend, clear frontend cache
                     this.cache.clear(`${this.resourceConfig.resourceId}:${record[this.options.categoryFieldName]}:${lang}`);
@@ -252,23 +265,23 @@ export default class I18nPlugin extends AdminForthPlugin {
                     // form list of all langs, sorted by alphabet, without en, to get 'al|ro|uk'
                     record.fully_translated = this.fullCompleatedFieldValue === record[this.options.completedFieldName];
                 };
-                resourceConfig.hooks.list.afterDatasourceResponse.push((_f) => __awaiter(this, [_f], void 0, function* ({ response }) {
+                resourceConfig.hooks.list.afterDatasourceResponse.push((_a) => __awaiter(this, [_a], void 0, function* ({ response }) {
                     response.forEach(addIncompleteField);
                     return { ok: true };
                 }));
-                resourceConfig.hooks.show.afterDatasourceResponse.push((_g) => __awaiter(this, [_g], void 0, function* ({ response }) {
+                resourceConfig.hooks.show.afterDatasourceResponse.push((_a) => __awaiter(this, [_a], void 0, function* ({ response }) {
                     addIncompleteField(response.length && response[0]);
                     return { ok: true };
                 }));
                 // also add edit hook beforeSave to update completedFieldName
-                resourceConfig.hooks.edit.beforeSave.push((_h) => __awaiter(this, [_h], void 0, function* ({ record, oldRecord }) {
+                resourceConfig.hooks.edit.beforeSave.push((_a) => __awaiter(this, [_a], void 0, function* ({ record, oldRecord }) {
                     const futureRecord = Object.assign(Object.assign({}, oldRecord), record);
                     const futureCompletedFieldValue = yield this.computeCompletedFieldValue(futureRecord);
                     record[this.options.completedFieldName] = futureCompletedFieldValue;
                     return { ok: true };
                 }));
                 // add list hook to support filtering by fully_translated virtual field
-                resourceConfig.hooks.list.beforeDatasourceRequest.push((_j) => __awaiter(this, [_j], void 0, function* ({ query }) {
+                resourceConfig.hooks.list.beforeDatasourceRequest.push((_a) => __awaiter(this, [_a], void 0, function* ({ query }) {
                     if (!query.filters || query.filters.length === 0) {
                         query.filters = [];
                     }
@@ -307,11 +320,11 @@ export default class I18nPlugin extends AdminForthPlugin {
                     // if optional `confirm` is provided, user will be asked to confirm action
                     confirm: 'Are you sure you want to translate selected items?',
                     state: 'selected',
-                    allowed: (_k) => __awaiter(this, [_k], void 0, function* ({ resource, adminUser, selectedIds, allowedActions }) {
+                    allowed: (_a) => __awaiter(this, [_a], void 0, function* ({ resource, adminUser, selectedIds, allowedActions }) {
                         console.log('allowedActions', JSON.stringify(allowedActions));
                         return allowedActions.edit;
                     }),
-                    action: (_l) => __awaiter(this, [_l], void 0, function* ({ selectedIds, tr }) {
+                    action: (_a) => __awaiter(this, [_a], void 0, function* ({ selectedIds, tr }) {
                         let translatedCount = 0;
                         try {
                             translatedCount = yield this.bulkTranslate({ selectedIds });
@@ -425,6 +438,7 @@ ${JSON.stringify(strings.reduce((acc, s) => {
                         updateStrings[translation[this.primaryKeyFieldName]] = {
                             updates: {},
                             translatedStr,
+                            enStr,
                             category: translation[this.options.categoryFieldName],
                             strId: translation[this.primaryKeyFieldName],
                         };
@@ -465,7 +479,7 @@ ${JSON.stringify(strings.reduce((acc, s) => {
             const updateStrings = {};
             const langsInvolved = new Set(Object.keys(needToTranslateByLang));
             let totalTranslated = [];
-            yield Promise.all(Object.entries(needToTranslateByLang).map((_b) => __awaiter(this, [_b], void 0, function* ([lang, strings]) {
+            yield Promise.all(Object.entries(needToTranslateByLang).map((_a) => __awaiter(this, [_a], void 0, function* ([lang, strings]) {
                 // first translate without plurals
                 const stringsWithoutPlurals = strings.filter(s => !s.en_string.includes('|'));
                 const noPluralKeys = yield this.translateToLang(lang, stringsWithoutPlurals, false, translations, updateStrings);
@@ -473,7 +487,7 @@ ${JSON.stringify(strings.reduce((acc, s) => {
                 const pluralKeys = yield this.translateToLang(lang, stringsWithPlurals, true, translations, updateStrings);
                 totalTranslated = totalTranslated.concat(noPluralKeys, pluralKeys);
             })));
-            yield Promise.all(Object.entries(updateStrings).map((_c) => __awaiter(this, [_c], void 0, function* ([_, { updates, strId }]) {
+            yield Promise.all(Object.entries(updateStrings).map((_a) => __awaiter(this, [_a], void 0, function* ([_, { updates, strId }]) {
                 // get old full record
                 const oldRecord = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(this.primaryKeyFieldName, strId)]);
                 // because this will translate all languages, we can set completedLangs to all languages
@@ -482,7 +496,7 @@ ${JSON.stringify(strings.reduce((acc, s) => {
             })));
             for (const lang of langsInvolved) {
                 yield this.cache.clear(`${this.resourceConfig.resourceId}:frontend:${lang}`);
-                for (const [enStr, { category }] of Object.entries(updateStrings)) {
+                for (const { enStr, category } of Object.values(updateStrings)) {
                     yield this.cache.clear(`${this.resourceConfig.resourceId}:${category}:${lang}:${enStr}`);
                 }
             }
@@ -681,7 +695,7 @@ ${JSON.stringify(strings.reduce((acc, s) => {
                     code: lang,
                     nameOnNative: iso6391.getNativeName(lang),
                     nameEnglish: iso6391.getName(lang),
-                    emojiFlag: lang.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397)),
+                    emojiFlag: getCountryCodeFromLangCode(lang).toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397)),
                 };
             });
         });

package/index.ts

@@ -6,8 +6,6 @@ import path from 'path';
 import fs from 'fs-extra';
 import chokidar from 'chokidar';
 import  { AsyncQueue } from '@sapphire/async-queue';
-
-
 console.log = (...args) => {
   process.stdout.write(args.join(" ") + "\n");
 };
@@ -28,6 +26,22 @@ const SLAVIC_PLURAL_EXAMPLES = {
   ru: 'яблок | яблоко | яблока | яблок', // zero | singular | 2-4 | 5+
 };
 
+const countryISO31661ByLangISO6391 = {
+  en: 'us', // English → United States
+  zh: 'cn', // Chinese → China
+  hi: 'in', // Hindi → India
+  ar: 'sa', // Arabic → Saudi Arabia
+  ko: 'kr', // Korean → South Korea
+  ja: 'jp', // Japanese → Japan
+  uk: 'ua', // Ukrainian → Ukraine
+  ur: 'pk', // Urdu → Pakistan
+};
+
+function getCountryCodeFromLangCode(langCode) {
+  return countryISO31661ByLangISO6391[langCode] || langCode;
+}
+
+
 interface ICachingAdapter {
   get(key: string): Promise<any>;
   set(key: string, value: any): Promise<void>;
@@ -406,7 +420,7 @@ export default class I18nPlugin extends AdminForthPlugin {
       strings: { en_string: string, category: string }[], 
       plurals=false,
       translations: any[],
-      updateStrings: Record<string, { updates: any, category: string, strId: string, translatedStr: string }> = {}
+      updateStrings: Record<string, { updates: any, category: string, strId: string, enStr: string, translatedStr: string }> = {}
   ): Promise<string[]> {
     const maxKeysInOneReq = 10;
     if (strings.length === 0) {
@@ -486,6 +500,7 @@ JSON.stringify(strings.reduce((acc: object, s: { en_string: string }): object =>
           updateStrings[translation[this.primaryKeyFieldName]] = {
             updates: {},
             translatedStr,
+            enStr,
             category: translation[this.options.categoryFieldName],
             strId: translation[this.primaryKeyFieldName],
           };
@@ -541,6 +556,7 @@ JSON.stringify(strings.reduce((acc: object, s: { en_string: string }): object =>
       updates: any, 
       category: string,
       strId: string,
+      enStr: string,
       translatedStr: string
     }> = {};
 
@@ -585,7 +601,7 @@ JSON.stringify(strings.reduce((acc: object, s: { en_string: string }): object =>
 
     for (const lang of langsInvolved) {
       await this.cache.clear(`${this.resourceConfig.resourceId}:frontend:${lang}`);
-      for (const [enStr, { category }] of Object.entries(updateStrings)) {
+      for (const { enStr, category } of Object.values(updateStrings)) {
         await this.cache.clear(`${this.resourceConfig.resourceId}:${category}:${lang}:${enStr}`);
       }
     }
@@ -807,7 +823,7 @@ JSON.stringify(strings.reduce((acc: object, s: { en_string: string }): object =>
         code: lang as LanguageCode,
         nameOnNative: iso6391.getNativeName(lang),
         nameEnglish: iso6391.getName(lang),
-        emojiFlag: lang.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397)),
+        emojiFlag: getCountryCodeFromLangCode(lang).toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397)),
       };
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/i18n",
-  "version": "1.0.23-next.2",
+  "version": "1.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -21,6 +21,34 @@
     "iso-639-1": "^3.1.3"
   },
   "devDependencies": {
-    "i18n-iso-countries": "^7.13.0"
+    "@types/node": "^22.10.7",
+    "i18n-iso-countries": "^7.13.0",
+    "semantic-release": "^24.2.1",
+    "semantic-release-slack-bot": "^4.0.2",
+    "typescript": "^5.7.3"
+  },
+  "release": {
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/npm",
+      "@semantic-release/github",
+      [
+        "semantic-release-slack-bot",
+        {
+          "notifyOnSuccess": true,
+          "notifyOnFail": true,
+          "slackIcon": ":package:",
+          "markdownReleaseNotes": true
+        }
+      ]
+    ],
+    "branches": [
+      "main",
+      {
+        "name": "next",
+        "prerelease": true
+      }
+    ]
   }
 }

package/custom/node_modules/.package-lock.json

@@ -1,16 +0,0 @@
-{
-  "name": "custom",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "node_modules/flag-icon-css": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/flag-icon-css/-/flag-icon-css-4.1.7.tgz",
-      "integrity": "sha512-AFjSU+fv98XbU0vnTQ32vcLj89UEr1MhwDFcooQv14qWJCjg9fGZzfh9BVyDhAhIOZW/pGmJmq38RqpgPaeybQ==",
-      "deprecated": "The project has been renamed to flag-icons",
-      "dev": true,
-      "license": "MIT"
-    }
-  }
-}

package/custom/node_modules/flag-icon-css/.github/dependabot.yml

@@ -1,8 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: npm
-    directory: '/'
-    schedule:
-      interval: daily
-      time: '02:00'
-    open-pull-requests-limit: 10

package/custom/node_modules/flag-icon-css/.github/workflows/test.yml

@@ -1,17 +0,0 @@
-name: Tests
-
-on: pull_request
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Setup Node.js 14.x
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14.x
-      - name: Install and test
-        run: |
-          yarn --frozen-lockfile
-          yarn test

package/custom/node_modules/flag-icon-css/.prettierignore

@@ -1,3 +0,0 @@
-flag-icons.min.css
-main/
-temp/

package/custom/node_modules/flag-icon-css/.prettierrc.json

@@ -1,20 +0,0 @@
-{
-  "arrowParens": "avoid",
-  "bracketSpacing": false,
-  "printWidth": 80,
-  "proseWrap": "never",
-  "requirePragma": false,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "all",
-  "useTabs": false,
-  "overrides": [
-    {
-      "files": "*.json",
-      "options": {
-        "printWidth": 200
-      }
-    }
-  ]
-}

package/custom/node_modules/flag-icon-css/404.html

@@ -1,6 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta http-equiv="refresh" content="0;https://flagicons.lipis.dev" />
-  </head>
-</html>

package/custom/node_modules/flag-icon-css/CNAME

@@ -1 +0,0 @@
-flagicons.lipis.dev

package/custom/node_modules/flag-icon-css/README.md

@@ -1,54 +0,0 @@
-# flag-icons
-
-> A curated collection of all country flags in SVG — plus the CSS for easier integration. See the [demo](https://flagicons.lipis.dev).
-
-## Install
-
-You can either [download](https://github.com/lipis/flag-icons/archive/main.zip) the whole project as is or install it via npm or Yarn:
-
-```bash
-npm install --dev flag-icon-css
-# or
-yarn add --dev flag-icon-css
-```
-
-## Usage
-
-For using the flags inline with text add the classes `.flag-icon` and `.flag-icon-xx` (where `xx` is the [ISO 3166-1-alpha-2 code](https://www.iso.org/obp/ui/#search/code/) of a country) to an empty `<span>`. If you want to have a squared version flag then add the class `flag-icon-squared` as well. Example:
-
-```html
-<span class="flag-icon flag-icon-gr"></span>
-<span class="flag-icon flag-icon-gr flag-icon-squared"></span>
-```
-
-You could also apply this to any element, but in that case you'll have to use the `flag-icon-background` instead of `flag-icon` and you're set. This will add the correct background with the following CSS properties:
-
-```css
-background-size: contain;
-background-position: 50%;
-background-repeat: no-repeat;
-```
-
-Which means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the `flag-icon-squared` class.
-
-## Development
-
-Run the `yarn` to install the dependencies after cloning the project and you'll be able to:
-
-To build `*.less` files
-
-```bash
-$ yarn build
-```
-
-To serve it on `localhost:8000`
-
-```bash
-$ yarn start
-```
-
-To have only specific countries in the css file, remove the ones that you don't need from the [`flag-icons-list.less`](less/flag-icons-list.less) file and build it again.
-
-## Credits
-
-This project wouldn't exist without the awesome and now deleted collection of SVG flags by [koppi](https://github.com/koppi).

package/custom/node_modules/flag-icon-css/assets/docs.css

@@ -1,58 +0,0 @@
-.header {
-  margin: 0 0 48px;
-  padding: 32px 0;
-  text-align: center;
-  background: linear-gradient(90deg, #2b8a3e, #e8590c);
-  color: #fff;
-  font-size: 1.1em;
-}
-
-.header .btn {
-  margin: 0 4px;
-}
-
-.header pre{
-  background-color: rgba(32, 32, 32, .3);
-  padding: 8px;
-  max-width: 320px;
-  margin: 12px auto;
-  border-radius: 4px;
-}
-
-h2 {
-  text-align: center;
-  margin: 32px 0;
-}
-
-.no-wrap {
-  white-space: nowrap;
-  margin-bottom: 8px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.flag {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  margin-bottom: 32px;
-  padding: 8px;
-}
-
-.flag-country {
-  width: 100%;
-  border-bottom: 1px solid #e9ecef;
-}
-
-.flag-img {
-  width: 100%;
-  aspect-ratio: 4 / 3;
-  border: 1px solid #e9ecef;
-  border-radius: 2px;
-  overflow: hidden;
-}
-
-.flag-code {
-  color: #adb5bd;
-  margin-right: 4px;
-  font-size: 0.9em;
-}

package/custom/node_modules/flag-icon-css/assets/docs.js

@@ -1,64 +0,0 @@
-const loadJSON = (path, callback) => {
-  var xobj = new XMLHttpRequest();
-  xobj.overrideMimeType('application/json');
-  xobj.open('GET', path, true);
-  xobj.onreadystatechange = function () {
-    if (xobj.readyState == 4 && xobj.status == '200') {
-      callback(xobj.responseText);
-    }
-  };
-  xobj.send(null);
-};
-
-const addFlag = (country, rowDiv) => {
-  const colDiv = document.createElement('div');
-  colDiv.classList.add('col-xl-2');
-  colDiv.classList.add('col-lg-3');
-  colDiv.classList.add('col-md-4');
-  colDiv.classList.add('col-6');
-  colDiv.id = country.code;
-  const flagDiv = document.createElement('div');
-  flagDiv.classList.add('flag');
-
-  // Code
-  const codeSpan = document.createElement('span');
-  codeSpan.classList.add('flag-code');
-  const code = document.createTextNode(country.code);
-  codeSpan.appendChild(code);
-
-  //Country
-  const countryDiv = document.createElement('div');
-  countryDiv.classList.add('flag-country');
-  countryDiv.classList.add('no-wrap');
-  countryDiv.title = country.name;
-  const countrySpan = document.createElement('span');
-  const countryName = document.createTextNode(country.name);
-  countrySpan.appendChild(countryName)
-  countryDiv.appendChild(codeSpan);
-  countryDiv.appendChild(countrySpan);
-  const flagImg = document.createElement('img');
-  flagImg.classList.add('flag-img');
-  flagImg.src = country.flag_4x3;
-  flagImg.alt = `Flag of ${country.name}`;
-
-  colDiv.appendChild(flagDiv);
-  flagDiv.appendChild(countryDiv);
-  flagDiv.appendChild(flagImg);
-  rowDiv.appendChild(colDiv);
-};
-
-window.onload = function () {
-  const isoFlagsRow = document.getElementById('iso-flags');
-  const nonIsoFlagsRow = document.getElementById('non-iso-flags');
-  loadJSON('country.json', response => {
-    const countries = JSON.parse(response);
-    for (country of countries) {
-      console.log(country);
-      if (country.iso) {
-        addFlag(country, isoFlagsRow);
-      } else {
-        addFlag(country, nonIsoFlagsRow);
-      }
-    }
-  });
-};