fix: date util localization (#8723)

* Update dateUtil.js

* version up moment

* exclude unnecessary languages in Moment.js from webpack

* add Occitan of Moment.js

* Fixed auto-formatting

* add require missing by mistake

package.json

@@ -57,7 +57,7 @@
     "lib-jitsi-meet": "github:jitsi/lib-jitsi-meet#f1ec96678002a88a0a87bb0a6fec1f5d642813d2",
     "libflacjs": "github:mmig/libflac.js#93d37e7f811f01cf7d8b6a603e38bd3c3810907d",
     "lodash": "4.17.21",
-    "moment": "2.19.4",
+    "moment": "2.29.1",
     "moment-duration-format": "2.2.2",
     "olm": "https://packages.matrix.org/npm/olm/olm-3.2.1.tgz",
     "pixelmatch": "5.1.0",

react/features/base/i18n/dateUtil.js

@@ -10,27 +10,57 @@ import 'moment-duration-format';
 // MomentJS uses static language bundle loading, so in order to support dynamic
 // language selection in the app we need to load all bundles that we support in
 // the app.
+require('moment/locale/af');
+require('moment/locale/ar');
+require('moment/locale/be');
 require('moment/locale/bg');
+require('moment/locale/ca');
+require('moment/locale/cs');
+require('moment/locale/da');
 require('moment/locale/de');
+require('moment/locale/el');
+require('moment/locale/en-gb');
 require('moment/locale/eo');
+require('moment/locale/es-us');
 require('moment/locale/es');
+require('moment/locale/et');
+require('moment/locale/eu');
 require('moment/locale/fa');
+require('moment/locale/fi');
+require('moment/locale/fr-ca');
 require('moment/locale/fr');
+require('moment/locale/gl');
+require('moment/locale/he');
+require('moment/locale/hr');
+require('moment/locale/hu');
 require('moment/locale/hy-am');
+require('moment/locale/id');
+require('moment/locale/is');
 require('moment/locale/it');
+require('moment/locale/ja');
+require('moment/locale/ko');
+require('moment/locale/lt');
+require('moment/locale/lv');
+require('moment/locale/ml');
+require('moment/locale/mn');
+require('moment/locale/mr');
 require('moment/locale/nb');
-
-// OC is not available. Please submit OC translation to the MomentJS project.
-
+require('moment/locale/nl');
+require('moment/locale/oc-lnc');
 require('moment/locale/pl');
 require('moment/locale/pt');
 require('moment/locale/pt-br');
+require('moment/locale/ro');
 require('moment/locale/ru');
 require('moment/locale/sk');
 require('moment/locale/sl');
+require('moment/locale/sr');
 require('moment/locale/sv');
 require('moment/locale/tr');
+require('moment/locale/uk');
+require('moment/locale/vi');
 require('moment/locale/zh-cn');
+require('moment/locale/zh-tw');
 
 /**
  * Returns a localized date formatter initialized with a specific {@code Date}

react/features/base/react/components/web/MeetingsList.js

@@ -52,7 +52,7 @@ type Props = {
  * @returns {string}
  */
 function _toDateString(date) {
-    return getLocalizedDateFormatter(date).format('MMM Do, YYYY');
+    return getLocalizedDateFormatter(date).format('ll');
 }
 
 

webpack.config.js

@@ -2,6 +2,7 @@
 
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const process = require('process');
+const webpack = require('webpack');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
 /**
@@ -194,6 +195,9 @@ module.exports = [
         entry: {
             'app.bundle': './app.js'
         },
+        plugins: [
+            new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
+        ],
         performance: getPerformanceHints(4 * 1024 * 1024)
     }),
     Object.assign({}, config, {
@@ -206,6 +210,9 @@ module.exports = [
         entry: {
             'dial_in_info_bundle': './react/features/invite/components/dial-in-info-page'
         },
+        plugins: [
+            new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
+        ],
         performance: getPerformanceHints(500 * 1024)
     }),
     Object.assign({}, config, {