🐛 fix(build): fix lingui build issues

lingui.config.base.js

@@ -0,0 +1,20 @@
+const locales = [
+  "en-us", // english
+  "zh-cn", // chinese (simplified)
+  "zh-tw", // chinese (traditional)
+  "fr-fr", // french
+  "es-es", // spanish
+  "de-de", // german
+  "it-it", // italian
+  "ru-ru", // russian
+  "ja-jp", // japanese
+  "pt-br", // portuguese
+  "ko-kr", // korean
+];
+
+/** @type {import('@lingui/conf').LinguiConfig} */
+module.exports = {
+  locales,
+  sourceLocale: "en-us",
+  pseudoLocale: "pseudo",
+};

lingui.config.js

@@ -1,45 +1,14 @@
 const { formatter } = require("@lingui/format-po");
 
-const locales = [
-  "en-us", // english
-  "zh-cn", // chinese (simplified)
-  "zh-tw", // chinese (traditional)
-  "fr-fr", // french
-  "es-es", // spanish
-  "de-de", // german
-  "it-it", // italian
-  "ru-ru", // russian
-  "ja-jp", // japanese
-  "pt-br", // portuguese
-  "ko-kr", // korean
-
-  // "bn-in", // bengali
-  // "ar-sa", // arabic
-  // "pl-pl", // polish
-  // "tr-tr", // turkish
-  // "vi-vn", // vietnamese
-  // "id-id", // indonesian
-  // "uk-ua", // ukrainian
-  // "hu-hu", // hungarian
-  // "ro-ro", // romanian
-  // "sv-se", // swedish
-  // "nl-nl", // dutch
-  // "fa-ir", // persian
-  // "cs-cz", // czech
-  // "el-gr", // greek
-  // "th-th", // thai
-  // "he-il", // hebrew
-];
+const linguiConfigBase = require("./lingui.config.base");
 
 if (process.env.NODE_ENV !== "production") {
-  locales.push("pseudo");
+  linguiConfigBase.locales.push("pseudo");
 }
 
 /** @type {import('@lingui/conf').LinguiConfig} */
 module.exports = {
-  locales,
-  sourceLocale: "en-us",
-  pseudoLocale: "pseudo",
+  ...linguiConfigBase,
   catalogs: [
     {
       path: "<rootDir>/src/translations/locales/{locale}",

next.config.base.js

@@ -0,0 +1,12 @@
+const linguiConfig = require("./lingui.config");
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  i18n: {
+    locales: linguiConfig.locales,
+    defaultLocale: linguiConfig.sourceLocale,
+  },
+};
+
+module.exports = nextConfig;

next.config.js

@@ -2,18 +2,15 @@ const withBundleAnalyzer = require("@next/bundle-analyzer")({
   enabled: process.env.ANALYZE === "true",
 });
 
-const linguiConfig = require("./lingui.config");
+const nextConfigBase = require("./next.config.base");
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  ...nextConfigBase,
   reactStrictMode: true,
   experimental: {
     swcPlugins: [["@lingui/swc-plugin", {}]],
   },
-  i18n: {
-    locales: linguiConfig.locales,
-    defaultLocale: linguiConfig.sourceLocale,
-  },
   webpack: (config) => {
     config.module.rules.push({
       test: /\.po$/,

src/backend/entities/entities.service.ts

@@ -67,6 +67,27 @@ export class EntitiesApiService {
     return primaryField;
   }
 
+  // TODO
+  // async getEntityPrimaryField(entity: string): Promise<string> {
+  //   const primaryField = (await this.getEntityFields(entity)).filter(
+  //     ({ isId }) => isId
+  //   );
+
+  //   if (primaryField.length === 0) {
+  //     throw new BadRequestError(
+  //       "This entity doesn't have a primary key. Kindly ask your administrator to add one then restart the application and this error will go away."
+  //     );
+  //   }
+
+  //   if (primaryField.length > 1) {
+  //     throw new BadRequestError(
+  //       "This entity has multiple primary keys. Kindly ask your administrator to fix this issue by ensuring only ONE primary key exists then restart the application and this error will go away."
+  //     );
+  //   }
+
+  //   return primaryField[0].name;
+  // }
+
   async getEntityFromSchema(entity: string): Promise<IDBSchema> {
     return (await this.getDBSchemaModels())[entity];
   }

src/bin/index.ts

@@ -80,8 +80,6 @@ const replaceRandomCharaters = (envContent: string) => {
 
   copyEnvHere();
 
-  process.stdout.write("\n");
-
   const endpoint = `http://localhost:${process.env.PORT || 3000}`;
 
   console.log(`
@@ -104,6 +102,8 @@ const replaceRandomCharaters = (envContent: string) => {
     `🚀 Application started successfully at ${terminalLink(endpoint, endpoint)}`
   );
 
+  process.stdout.write("\n");
+
   const WAIT_FOR_NEXT_TO_START = 1000;
 
   /*
@@ -116,23 +116,27 @@ const replaceRandomCharaters = (envContent: string) => {
     fetch(`${endpoint}/api/healthcheck`).catch(() => {});
   }, WAIT_FOR_NEXT_TO_START);
 
+  let stdSkip = true;
+  let stdCount = 0;
+  const STD_SKIP_COUNT = 3;
+
   stdout.on("data", (chunk) => {
     const data = (chunk || "").toString();
 
-    if (data.startsWith("info")) {
+    if (stdSkip) {
+      stdCount += 1;
+
+      if (stdCount > STD_SKIP_COUNT) {
+        stdSkip = false;
+      }
+
       return;
     }
 
     process.stdout.write(data);
   });
 
-  stderr.on("data", (chunk) => {
-    const data = (chunk || "").toString();
-    if (data.startsWith("warn")) {
-      return;
-    }
-    process.stderr.write(data);
-  });
+  stderr.pipe(process.stderr);
 })().catch((err) => {
   console.error(err);
   process.exit(1);

src/frontend/views/entity/Crud/index.tsx

@@ -184,6 +184,7 @@ export function EntityCrudSettings() {
   return (
     <BaseEntitySettingsLayout>
       {entityFields.data.length > 1 &&
+        // TODO
         entityFields.data.findIndex((field) => field.isId) === -1 && (
           <>
             <WarningAlert message="This entity doesn't have a primary key. Kindly add one to this entity and restart the application so as not to run into errors when managing its data" />

src/translations/utils.tsx

@@ -6,10 +6,6 @@ import { I18nProvider } from "@lingui/react";
 import languages from "./languages";
 
 async function loadCatalog(locale: string) {
-  if (process.env.NODE_ENV === "production") {
-    const { messages } = await import(`./locales/${locale}`);
-    return messages;
-  }
   const { messages } = await import(`./locales/${locale}.po`);
 
   return messages;