Release (#994)

.github/workflows/l18n-crowdin.yml

@@ -0,0 +1,35 @@
+name: Sync crowdin translation
+
+on:
+  push:
+    paths: # run action automatically when en/translation.json file is changed
+      - 'public/locales/en/translation.json'
+    branches: [ main ]
+  schedule:
+    - cron: '0 */24 * * *' # Every 24 hours - https://crontab.guru/#0_*/12_*_*_*
+  workflow_dispatch: # for manually running the action
+
+jobs:
+  synchronize-with-crowdin:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: crowdin action
+        uses: crowdin/github-action@v1
+        with:
+          upload_sources: true
+          upload_translations: true
+          download_translations: true
+          localization_branch_name: l10n_translations
+          create_pull_request: true
+          skip_untranslated_strings: true
+          pull_request_title: 'New Translations'
+          pull_request_body: 'New translations via [Crowdin GH Action](https://github.com/crowdin/github-action)'
+          pull_request_base_branch_name: 'main'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
+          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}

README.md

@@ -67,10 +67,10 @@ And [star this repo](https://github.com/ente-io/photos-web/stargazers)!
 <br/>
 
 ## 🌍 Translate
+[![Crowdin](https://badges.crowdin.net/ente-photos-web/localized.svg)](https://crowdin.com/project/ente-photos-web)
+
+If you're interested in helping out with translation, please visit our [Crowdin project](https://crowdin.com/project/ente-photos-web) to get started. Thank you for your support.
 
-Create a copy of
-[src/utils/strings/englishConstants.tsx](src/utils/strings/englishConstants.tsx)
-and open a PR.
 
 <br/>
 

crowdin.yml

@@ -0,0 +1,6 @@
+project_id_env: CROWDIN_PROJECT_ID
+api_token_env: CROWDIN_PERSONAL_TOKEN
+
+files:
+  - source: /public/locales/en/translation.json
+    translation: /public/locales/%two_letters_code%/translation.json

next.config.js

@@ -28,12 +28,6 @@ module.exports = (phase) =>
                 '@mui/system',
                 '@mui/icons-material',
             ],
-            compiler: {
-                styledComponents: {
-                    ssr: true,
-                    displayName: true,
-                },
-            },
             env: {
                 SENTRY_RELEASE: GIT_SHA,
                 NEXT_PUBLIC_IS_TEST_APP: process.env.IS_TEST_RELEASE,

package.json

@@ -14,10 +14,12 @@
   },
   "dependencies": {
     "@date-io/date-fns": "^2.14.0",
+    "@emotion/cache": "^11.10.5",
+    "@emotion/react": "^11.10.6",
+    "@emotion/server": "^11.10.0",
+    "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.6.2",
     "@mui/material": "^5.6.2",
-    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest",
-    "@mui/styled-engine-sc": "^5.6.1",
     "@mui/x-date-pickers": "^5.0.0-alpha.6",
     "@sentry/nextjs": "^6.7.1",
     "@stripe/stripe-js": "^1.13.2",
@@ -46,6 +48,8 @@
     "hdbscan": "0.0.1-alpha.5",
     "heic-convert": "^1.2.4",
     "http-proxy-middleware": "^1.0.5",
+    "i18next": "^22.4.11",
+    "i18next-http-backend": "^2.1.1",
     "idb": "^7.0.0",
     "is-electron": "^2.2.0",
     "jszip": "3.8.0",
@@ -62,6 +66,7 @@
     "react-datepicker": "^4.3.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^11.2.4",
+    "react-i18next": "^12.2.0",
     "react-otp-input": "^2.3.1",
     "react-select": "^4.3.1",
     "react-simple-code-editor": "^0.11.0",
@@ -94,7 +99,6 @@
     "@types/react-select": "^4.0.15",
     "@types/react-window": "^1.8.2",
     "@types/react-window-infinite-loader": "^1.0.3",
-    "@types/styled-components": "^5.1.25",
     "@types/wicg-file-system-access": "^2020.9.5",
     "@types/yup": "^0.29.7",
     "@types/zxcvbn": "^4.4.1",
@@ -109,8 +113,5 @@
   },
   "standard": {
     "parser": "babel-eslint"
-  },
-  "resolutions": {
-    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
   }
-}
+}