chore: remove babel (#1726)

apps/web/.linguirc

@@ -7,6 +7,12 @@
       ]
     }
   ],
+  "extractBabelOptions": {
+    "presets": [
+      "@babel/preset-typescript",
+      "@babel/preset-react"
+    ]
+  },
   "format": "po",
   "formatOptions": {
     "origins": true,

apps/web/next.config.js

@@ -2,11 +2,12 @@
 const headers = [{ key: 'Cache-Control', value: 'public, max-age=3600' }];
 
 module.exports = {
-  reactStrictMode: false,
   transpilePackages: ['data'],
+  reactStrictMode: false,
   experimental: {
     scrollRestoration: true,
-    newNextLinkBehavior: true
+    newNextLinkBehavior: true,
+    swcPlugins: [['@lingui/swc-plugin', {}]]
   },
   async redirects() {
     return [

apps/web/package.json

@@ -8,7 +8,7 @@
     "start": "next build; next start --port 4783",
     "typecheck": "tsc --noEmit",
     "lint": "eslint . --ext .ts,.tsx",
-    "extract": "lingui compile; NODE_ENV=development lingui extract",
+    "extract": "lingui compile; lingui extract",
     "test:dev": "playwright test",
     "test:e2e": "start-server-and-test start http://localhost:4783 test:dev"
   },
@@ -26,8 +26,10 @@
     "@lexical/link": "^0.7.6",
     "@lexical/markdown": "^0.7.6",
     "@lexical/react": "^0.7.6",
+    "@lingui/core": "^3.17.0",
     "@lingui/macro": "^3.17.0",
     "@lingui/react": "^3.17.0",
+    "@lingui/swc-plugin": "^0.2.0",
     "@tanstack/react-query": "^4.24.4",
     "@tippyjs/react": "^4.2.6",
     "@xmtp/xmtp-js": "^7.8.0",
@@ -60,7 +62,8 @@
     "zustand": "^4.3.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
     "@giphy/js-types": "^4.2.1",
     "@lingui/cli": "^3.17.0",
     "@playwright/test": "^1.30.0",
@@ -74,7 +77,6 @@
     "@types/uuid": "^9.0.0",
     "abis": "*",
     "autoprefixer": "^10.4.13",
-    "babel-plugin-macros": "^3.1.0",
     "data": "*",
     "eslint-config-weblint": "*",
     "lens": "*",

apps/web/src/locales/en/messages.po

@@ -74,13 +74,10 @@ msgid "Add restrictions on who can view your content, and who can't. For instanc
 msgstr ""
 
 #: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Editor/index.tsx
 #: src/components/Composer/Editor/index.tsx
 msgid "Please choose either 1 video or up to 4 photos."
 msgstr ""
 
-#: src/components/Composer/Actions/Attachment.tsx
 #: src/components/Composer/Actions/Attachment.tsx
 msgid "File format not allowed."
 msgstr ""
@@ -1697,7 +1694,6 @@ msgstr ""
 msgid "Token Id"
 msgstr ""
 
-#: src/components/Settings/Profile/Picture.tsx
 #: src/components/Settings/Profile/Picture.tsx
 msgid "Avatar can't be empty!"
 msgstr ""
@@ -2396,15 +2392,3 @@ msgstr ""
 #: src/pages/500.tsx
 msgid "We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing."
 msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Oops, You are offline!"
-msgstr "Oops, You are offline!"
-
-#: src/pages/_offline.tsx
-msgid "Check your internet connection and try again"
-msgstr "Check your internet connection and try again"
-
-#: src/pages/_offline.tsx
-msgid "Retry"
-msgstr "Retry"

apps/web/src/locales/es/messages.po

@@ -74,13 +74,10 @@ msgid "Add restrictions on who can view your content, and who can't. For instanc
 msgstr ""
 
 #: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Editor/index.tsx
 #: src/components/Composer/Editor/index.tsx
 msgid "Please choose either 1 video or up to 4 photos."
 msgstr ""
 
-#: src/components/Composer/Actions/Attachment.tsx
 #: src/components/Composer/Actions/Attachment.tsx
 msgid "File format not allowed."
 msgstr ""
@@ -1697,7 +1694,6 @@ msgstr ""
 msgid "Token Id"
 msgstr ""
 
-#: src/components/Settings/Profile/Picture.tsx
 #: src/components/Settings/Profile/Picture.tsx
 msgid "Avatar can't be empty!"
 msgstr ""
@@ -2396,16 +2392,3 @@ msgstr ""
 #: src/pages/500.tsx
 msgid "We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing."
 msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Oops, You are offline!"
-msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Check your internet connection and try again"
-msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Retry"
-msgstr ""
-

apps/web/src/locales/ta/messages.po

@@ -74,13 +74,10 @@ msgid "Add restrictions on who can view your content, and who can't. For instanc
 msgstr "உங்கள் உள்ளடக்கத்தை யார் பார்க்கலாம், யார் பார்க்கக்கூடாது என்பதற்கான கட்டுப்பாடுகளைச் சேர்க்கவும். உதாரணமாக - குறிப்பிட்ட NFTகள் அல்லது டோக்கன்களை வைத்திருக்கும் நிலையில் உங்கள் இடுகைகளை டோக்கன் கேட் செய்யவும்."
 
 #: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Actions/Attachment.tsx
-#: src/components/Composer/Editor/index.tsx
 #: src/components/Composer/Editor/index.tsx
 msgid "Please choose either 1 video or up to 4 photos."
 msgstr "1 வீடியோ அல்லது 4 புகைப்படங்கள் வரை தேர்வு செய்யவும்."
 
-#: src/components/Composer/Actions/Attachment.tsx
 #: src/components/Composer/Actions/Attachment.tsx
 msgid "File format not allowed."
 msgstr "கோப்பு வடிவம் அனுமதிக்கப்படவில்லை."
@@ -1697,7 +1694,6 @@ msgstr "ஒப்பந்த முகவரி"
 msgid "Token Id"
 msgstr "டோக்கன் ஐடி"
 
-#: src/components/Settings/Profile/Picture.tsx
 #: src/components/Settings/Profile/Picture.tsx
 msgid "Avatar can't be empty!"
 msgstr "அவதார் காலியாக இருக்க முடியாது!"
@@ -2396,16 +2392,3 @@ msgstr "ஏதோ தவறாகிவிட்டது போல் தெர
 #: src/pages/500.tsx
 msgid "We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing."
 msgstr "இந்தப் பிழைகளைத் தானாகக் கண்காணிக்கிறோம், ஆனால் சிக்கல் தொடர்ந்தால், எங்களைத் தொடர்பு கொள்ளலாம். இதற்கிடையில், புதுப்பித்து முயற்சிக்கவும்."
-
-#: src/pages/_offline.tsx
-msgid "Oops, You are offline!"
-msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Check your internet connection and try again"
-msgstr ""
-
-#: src/pages/_offline.tsx
-msgid "Retry"
-msgstr ""
-