chore(release): 3.2.10

New Crowdin updates

.devcontainer/Dockerfile

@@ -0,0 +1,5 @@
+ARG VARIANT="16-bullseye"
+
+FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:0-${VARIANT}
+
+RUN curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm

.devcontainer/devcontainer.json

@@ -0,0 +1,27 @@
+{
+  "name": "Node.js",
+
+  "build": {
+    "dockerfile": "Dockerfile",
+    "args": { "VARIANT": "16-bullseye" }
+  },
+
+  // Set *default* container specific settings.json values on container create.
+  "settings": {},
+
+  // Add the IDs of extensions you want installed when the container is created.
+  "extensions": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "lokalise.i18n-ally"],
+
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [80, 5432],
+
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "pnpm install",
+
+  // Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
+  "remoteUser": "node",
+
+  "features": {
+    "docker-from-docker": "latest"
+  }
+}

.env.example

@@ -1,30 +1,26 @@
-# App
+# Shared
 TZ=UTC
-SECRET_KEY=change-me
+PUBLIC_URL=http://localhost
+PUBLIC_SERVER_URL=http://localhost/api
+PUBLIC_GOOGLE_CLIENT_ID=
 
-# URLs
-PUBLIC_URL=http://localhost:3000
-PUBLIC_SERVER_URL=http://localhost:3100
-
-# Database
-POSTGRES_HOST=localhost
+# Server
+SECRET_KEY=
+POSTGRES_HOST=postgres
 POSTGRES_PORT=5432
-POSTGRES_USERNAME=postgres
+POSTGRES_USER=postgres
 POSTGRES_PASSWORD=postgres
-POSTGRES_DATABASE=reactive_resume
+POSTGRES_DATABASE=postgres
 POSTGRES_SSL_CERT=
-
-# Auth
-JWT_SECRET=change-me
+JWT_SECRET=
 JWT_EXPIRY_TIME=604800
-
-# Google
-PUBLIC_GOOGLE_CLIENT_ID=change-me
-GOOGLE_CLIENT_SECRET=change-me
-GOOGLE_API_KEY=change-me
-
-# SendGrid (Optional)
+PUBLIC_GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
+GOOGLE_API_KEY=
 SENDGRID_API_KEY=
 SENDGRID_FORGOT_PASSWORD_TEMPLATE_ID=
 SENDGRID_FROM_NAME=
-SENDGRID_FROM_EMAIL=
+SENDGRID_FROM_EMAIL=
+
+# Flags
+PUBLIC_FLAG_DISABLE_SIGNUPS=false

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: https://paypal.me/RajaRajanA

.github/ISSUE_TEMPLATE/bug-report.md

@@ -8,31 +8,29 @@ assignees: ''
 ---
 
 **Describe the bug**
-A clear and concise description of what the bug is.
+<!-- A clear and concise description of what the bug is. -->
+
+**Product Flavor**
+- [ ] Managed (https://rxresu.me)
+- [ ] Self Hosted
 
 **To Reproduce**
-Steps to reproduce the behavior:
+<!-- Steps to reproduce the behavior: -->
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error
 
 **Expected behavior**
-A clear and concise description of what you expected to happen.
+<!-- A clear and concise description of what you expected to happen. -->
 
 **Screenshots**
-If applicable, add screenshots to help explain your problem.
+<!-- If applicable, add screenshots to help explain your problem. -->
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+ - OS: <!--[e.g. iOS]-->
+ - Browser <!--[e.g. chrome, safari]-->
+ - Version <!--[e.g. 22]-->
 
 **Additional context**
-Add any other context about the problem here.
+<!-- Add any other context about the problem here. -->

.github/ISSUE_TEMPLATE/feature-request.md

@@ -8,13 +8,13 @@ assignees: ''
 ---
 
 **Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
 
 **Describe the solution you'd like**
-A clear and concise description of what you want to happen.
+<!-- A clear and concise description of what you want to happen. -->
 
 **Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+<!-- A clear and concise description of any alternative solutions or features you've considered. -->
 
 **Additional context**
-Add any other context or screenshots about the feature request here.
+<!-- Add any other context or screenshots about the feature request here. -->

.github/dependabot.yml

@@ -0,0 +1,22 @@
+version: 2
+
+updates:
+  - package-ecosystem: 'docker'
+    directory: '/server'
+    schedule:
+      interval: 'weekly'
+
+  - package-ecosystem: 'docker'
+    directory: '/client'
+    schedule:
+      interval: 'weekly'
+
+  - package-ecosystem: 'gradle'
+    directory: '/app'
+    schedule:
+      interval: 'weekly'
+
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'

.github/workflows/digitalocean-deploy.yml

@@ -13,7 +13,7 @@ jobs:
 
     steps:
       - name: Install DigitalOcean CLI
-        uses: digitalocean/action-doctl@v2.1.0
+        uses: digitalocean/action-doctl@v2.1.1
         with:
           token: ${{ secrets.DIGITALOCEAN_TOKEN }}
 

.github/workflows/docker-build-push.yml

@@ -24,7 +24,7 @@ jobs:
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Build and Push Client Image
-        uses: docker/build-push-action@v2.9.0
+        uses: docker/build-push-action@v2.10.0
         with:
           context: .
           push: true
@@ -52,7 +52,7 @@ jobs:
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Build and Push Server Image
-        uses: docker/build-push-action@v2.9.0
+        uses: docker/build-push-action@v2.10.0
         with:
           context: .
           push: true
@@ -81,7 +81,7 @@ jobs:
           password: ${{ secrets.GH_TOKEN }}
 
       - name: Build and Push Client Image
-        uses: docker/build-push-action@v2.9.0
+        uses: docker/build-push-action@v2.10.0
         with:
           context: .
           push: true
@@ -110,7 +110,7 @@ jobs:
           password: ${{ secrets.GH_TOKEN }}
 
       - name: Build and Push Server Image
-        uses: docker/build-push-action@v2.9.0
+        uses: docker/build-push-action@v2.10.0
         with:
           context: .
           push: true

CHANGELOG.md

@@ -2,6 +2,124 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.2.10](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.9...v3.2.10) (2022-03-24)
+
+
+### Features
+
+* **i18n:** add portuguese (pt) language to i18n locales ([7f1c82c](https://github.com/AmruthPillai/Reactive-Resume/commit/7f1c82cd9185ebb44486a16132eb44d5c2fb747a))
+
+### [3.2.9](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.8...v3.2.9) (2022-03-21)
+
+
+### Features
+
+* **i18n:** add nl and ru i18n locales to app ([03cbf22](https://github.com/AmruthPillai/Reactive-Resume/commit/03cbf22c9bee96cac8f228830b67b44529b7ecee))
+
+### [3.2.8](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.7...v3.2.8) (2022-03-18)
+
+
+### Features
+
+* **client/theme:** add theme switcher to landing page ([8f5632c](https://github.com/AmruthPillai/Reactive-Resume/commit/8f5632c5ad0bc8a4b3028c2806365717fedd78c9))
+* **flags:** introduce flags, disable_user_signups ([b6267d0](https://github.com/AmruthPillai/Reactive-Resume/commit/b6267d07ba2dcaed0da3946d136a0a9a01c441d5)), closes [#698](https://github.com/AmruthPillai/Reactive-Resume/issues/698)
+* **i18n:** add Vietnamese language to i18n locales ([4390bcc](https://github.com/AmruthPillai/Reactive-Resume/commit/4390bccfb9764f2d2730ec3a124b7befb6792e9a))
+
+
+### Bug Fixes
+
+* **client/create-rename-slug:** fix slug accepting apostrophes and other special characters ([1facd2a](https://github.com/AmruthPillai/Reactive-Resume/commit/1facd2ad111cd9d990c808b3956d3915e8711acd)), closes [#706](https://github.com/AmruthPillai/Reactive-Resume/issues/706)
+* **disable_user_signups:** hide create account link under flag ([80acfe9](https://github.com/AmruthPillai/Reactive-Resume/commit/80acfe97c74bfa05b719285b19144144f3f7c5ba))
+
+### [3.2.7](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.6...v3.2.7) (2022-03-18)
+
+
+### Features
+
+* **i18n:** add Malayalam (മലയാളം) language to i18n locales ([3a2e62b](https://github.com/AmruthPillai/Reactive-Resume/commit/3a2e62be4c9acc14f17277c060cc9ea2c417a478))
+
+
+### Bug Fixes
+
+* **printer/i18n:** fix dates not showing up in resume language when printing ([90321e1](https://github.com/AmruthPillai/Reactive-Resume/commit/90321e1284409ab9442883c04a9b4c591d36f95d)), closes [#729](https://github.com/AmruthPillai/Reactive-Resume/issues/729)
+
+### [3.2.6](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.5...v3.2.6) (2022-03-17)
+
+
+### Features
+
+* **client/auth/google:** disable google login/registration if GOOGLE_CLIENT_ID is not in ENV ([7f0ee40](https://github.com/AmruthPillai/Reactive-Resume/commit/7f0ee40af4acc7eb41514406ecee3218ace9e891)), closes [#724](https://github.com/AmruthPillai/Reactive-Resume/issues/724)
+* **i18n:** add arabic language to i18n locale ([39fa6da](https://github.com/AmruthPillai/Reactive-Resume/commit/39fa6da5dd77ce2e12e81530fa18c2eac722c1f2))
+
+
+### Bug Fixes
+
+* **i18n:** add missing languages to dayjs date wrapper locales ([9e6dafc](https://github.com/AmruthPillai/Reactive-Resume/commit/9e6dafc8cada5c01559894905996b81004bedaec)), closes [#719](https://github.com/AmruthPillai/Reactive-Resume/issues/719)
+* **json-export:** add mimeType and charset to JSON export ([b3ff780](https://github.com/AmruthPillai/Reactive-Resume/commit/b3ff7805cd856a52900d9acef0554867d8ce0b01)), closes [#726](https://github.com/AmruthPillai/Reactive-Resume/issues/726)
+* **linkedin:** fix skill modal crashing when importing from linkedin ([a02b85b](https://github.com/AmruthPillai/Reactive-Resume/commit/a02b85b4bb1c4a1499aacddeac7bc59bcb1f7adb)), closes [#718](https://github.com/AmruthPillai/Reactive-Resume/issues/718)
+
+### [3.2.5](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.4...v3.2.5) (2022-03-16)
+
+
+### Features
+
+* **i18n:** add danish, polish and turkish locales to i18n ([97e9432](https://github.com/AmruthPillai/Reactive-Resume/commit/97e9432d6bd887e666a3443fbfde9a92cef53965))
+
+
+### Bug Fixes
+
+* **client/templates:** fix text veering off of artboard in most templates ([b2f1fb3](https://github.com/AmruthPillai/Reactive-Resume/commit/b2f1fb3a5502988a49c5cd3e496d9d165f5c1792)), closes [#702](https://github.com/AmruthPillai/Reactive-Resume/issues/702)
+
+### [3.2.4](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.3...v3.2.4) (2022-03-14)
+
+### [3.2.3](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.2...v3.2.3) (2022-03-14)
+
+
+### Features
+
+* **client/import:** implement import json from reactive resume v2 ([42408ce](https://github.com/AmruthPillai/Reactive-Resume/commit/42408ce8c5ce55904854f9f6e0481889a01edfb8))
+
+### [3.2.2](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.1...v3.2.2) (2022-03-14)
+
+
+### Bug Fixes
+
+* **client/skills:** make skill level optional ([02e396b](https://github.com/AmruthPillai/Reactive-Resume/commit/02e396bfdbf07ae75661f1e7e4e55060cacee7d0))
+
+### [3.2.1](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.2.0...v3.2.1) (2022-03-14)
+
+
+### Features
+
+* **i18n:** add Chinese (Simplified) language to locales ([549363b](https://github.com/AmruthPillai/Reactive-Resume/commit/549363bbe5bdd781699dea9506bd4baedf5740d1))
+
+
+### Bug Fixes
+
+* **client/basics:** fix issue with overlapping photo filters on safari/webkit/iOS ([e6bda68](https://github.com/AmruthPillai/Reactive-Resume/commit/e6bda688ac3ba1c04e82721add92e755ea5386c3))
+* **docker:** fix docker-compose for production grade deployments ([57f7edc](https://github.com/AmruthPillai/Reactive-Resume/commit/57f7edc13432a038c907afc6cb74b5182a9b2333))
+
+## [3.2.0](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.1.4...v3.2.0) (2022-03-14)
+
+
+### Features
+
+* **i18n:** add Bengali, Italian and other languages ([21931bc](https://github.com/AmruthPillai/Reactive-Resume/commit/21931bc324b5e2440baaaaa2e52a93b4f2c766f8))
+
+
+### Bug Fixes
+
+* **app:** fix issue with external link redirection in android app ([b18120b](https://github.com/AmruthPillai/Reactive-Resume/commit/b18120b3f7223981e28c0441a6b7725787186edb))
+* **client:** fix issue with react-query cache ([ed75a85](https://github.com/AmruthPillai/Reactive-Resume/commit/ed75a858279047dfd43152e041c1a09a625417f5))
+
+### [3.1.4](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.1.3...v3.1.4) (2022-03-12)
+
+
+### Bug Fixes
+
+* **client:** exported pdf did not contain "Present" keyword with translations ([cf670af](https://github.com/AmruthPillai/Reactive-Resume/commit/cf670af4035dc9b462cf5b1aad06ca089cf1d40c))
+* **client:** fix issues raised through lgtm alerts ([dfccb31](https://github.com/AmruthPillai/Reactive-Resume/commit/dfccb3130f889934d31196226be3d33e772f323b))
+
 ### [3.1.3](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.1.2...v3.1.3) (2022-03-12)
 
 

CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+im.amruth@gmail.com.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

README.md

@@ -1,10 +1,12 @@
-<img src="https://i.imgur.com/pc8Ingg.png" alt="Reactive Resume" width="256px" height="256px" />
+<img src="https://github.com/AmruthPillai/Reactive-Resume/blob/main/docs/static/logo.svg" alt="Reactive Resume" width="256px" height="256px" />
 
 # Reactive Resume
 
-![Project Version](https://img.shields.io/github/package-json/v/AmruthPillai/Reactive-Resume?style=flat-square)
-![Project License](https://img.shields.io/github/license/AmruthPillai/Reactive-Resume?style=flat-square)
+[![Project Version](https://img.shields.io/github/package-json/v/AmruthPillai/Reactive-Resume?style=flat-square)](https://github.com/AmruthPillai/Reactive-Resume/releases)
+[![Project License](https://img.shields.io/github/license/AmruthPillai/Reactive-Resume?style=flat-square)](https://github.com/AmruthPillai/Reactive-Resume/blob/main/LICENSE)
+[![Crowdin](https://badges.crowdin.net/reactive-resume/localized.svg)](https://translate.rxresu.me)
 [![Docker Pulls](https://img.shields.io/docker/pulls/amruthpillai/reactive-resume?style=flat-square)](https://hub.docker.com/r/amruthpillai/reactive-resume)
+![GitHub Workflow Status](https://img.shields.io/github/workflow/status/AmruthPillai/Reactive-Resume/Build%20and%20Push%20Docker%20Image?label=docker%20build&style=flat-square)
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FAmruthPillai%2FReactive-Resume.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2FAmruthPillai%2FReactive-Resume?ref=badge_shield)
 
 ## [Go to App](https://rxresu.me) | [Docs](https://docs.rxresu.me)
@@ -35,12 +37,25 @@ You have complete control over what goes into your resume, how it looks, what co
 
 ## Languages
 
+- Arabic (اَلْعَرَبِيَّةُ)
+- Bengali (বাংলা)
+- Chinese (中文)
+- Danish (Dansk)
+- Dutch (Nederlands)
 - English
+- French (Français)
 - German (Deutsch)
 - Hindi (हिन्दी)
-- Kannada (ಕನ್ನಡ) (@aksh1251)
-- Spanish (Español) (@seba11998)
+- Italian (Italiano)
+- Kannada (ಕನ್ನಡ)
+- Malayalam (മലയാളം)
+- Polish (Polski)
+- Portuguese (Português)
+- Russian (русский)
+- Spanish (Español)
 - Tamil (தமிழ்)
+- Turkish (Türkçe)
+- Vietnamese (Tiếng Việt)
 
 Help by [translating Reactive Resume](https://translate.rxresu.me) to your language!
 
@@ -70,9 +85,9 @@ Use the [GitHub Issues](https://github.com/AmruthPillai/Reactive-Resume/issues/n
 
 ## Donations
 
-Reactive Resume would be nothing without the folks who supported me and kept the project alive in the beginning, and your cotinued support is what keeps me going. If you found Reactive Resume to be useful, helpful or just insightful and appreciate the effort I took to make the project, please consider donating as little or as much as your can.
+Reactive Resume would be nothing without the folks who supported me and kept the project alive in the beginning, and your continued support is what keeps me going. If you found Reactive Resume to be useful, helpful or just insightful and appreciate the effort I took to make the project, please consider donating as little or as much as you can.
 
-### [☕️ Buy me a coffee](https://www.buymeacoffee.com/AmruthPillai) | [💸 PayPal](https://paypal.me/RajaRajanA)
+### [💸 PayPal](https://paypal.me/RajaRajanA)
 
 ## Infrastructure
 
@@ -88,6 +103,14 @@ Reactive Resume would be nothing without the folks who supported me and kept the
   <img src="https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.svg" width="200px" />
 </a>
 
+## Contributors Wall
+<a href="https://github.com/AmruthPillai/Reactive-Resume/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=AmruthPillai/Reactive-Resume" />
+</a>
+
+
+_Note: It may take up to 24h for the [contrib.rocks](https://contrib.rocks/image?repo=AmruthPillai/Reactive-Resume) plugin to update because it's refreshed once a day._
+
 ## License
 
 Reactive Resume is packaged and distributed using the [MIT License](https://choosealicense.com/licenses/mit/) which allows for commercial use, distribution, modification and private use provided that all copies of the software contain the same license and copyright.

app/app/build.gradle

@@ -10,7 +10,7 @@ android {
         applicationId "me.rxresu.app"
         minSdk 21
         targetSdk 32
-        versionCode 2
+        versionCode 3
         versionName "1.0"
 
         resConfigs "en"

app/app/src/main/AndroidManifest.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+<manifest
+    xmlns:android="http://schemas.android.com/apk/res/android"
     package="me.rxresu.app">
 
     <uses-permission android:name="android.permission.INTERNET"/>
@@ -10,11 +11,11 @@
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/Theme.ReactiveResume.NoActionBar">
+        android:theme="@style/AppTheme">
         <activity
+            android:configChanges="orientation|screenSize"
             android:name=".MainActivity"
-            android:exported="true"
-            android:theme="@style/Theme.ReactiveResume.NoActionBar">
+            android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 

app/app/src/main/java/me/rxresu/app/CustomWebViewClient.kt

@@ -0,0 +1,21 @@
+package me.rxresu.app
+
+import android.content.Intent
+import android.net.Uri
+import android.webkit.WebView
+import android.webkit.WebViewClient
+
+internal class CustomWebViewClient : WebViewClient() {
+    override fun shouldOverrideUrlLoading(view: WebView, url: String): Boolean {
+        val hostname = "rxresu.me"
+        val uri = Uri.parse(url)
+
+        if (uri.host != null && uri.host!!.endsWith(hostname)) {
+            return false
+        }
+
+        view.context.startActivity(Intent(Intent.ACTION_VIEW, Uri.parse(url)))
+
+        return true
+    }
+}

app/app/src/main/java/me/rxresu/app/MainActivity.kt

@@ -1,21 +1,15 @@
 package me.rxresu.app
 
 import android.annotation.SuppressLint
-import android.graphics.Bitmap
 import android.os.Bundle
-import android.view.KeyEvent
-import android.webkit.WebResourceError
-import android.webkit.WebResourceRequest
 import android.webkit.WebView
-import android.webkit.WebViewClient
 import androidx.appcompat.app.AppCompatActivity
 
 class MainActivity : AppCompatActivity() {
 
     private lateinit var webView: WebView
 
-    private var isLoaded: Boolean = false
-    private var webURL = "https://rxresu.me"
+    private var url = "https://rxresu.me"
 
     @SuppressLint("SetJavaScriptEnabled")
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -24,53 +18,18 @@ class MainActivity : AppCompatActivity() {
 
         webView = findViewById(R.id.webview)
 
+        webView.webViewClient = CustomWebViewClient()
         webView.settings.javaScriptEnabled = true
         webView.settings.userAgentString = "Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Mobile Safari/537.36"
+
+        webView.loadUrl(url)
     }
 
-    override fun onResume() {
-        if (!isLoaded) loadWebView()
-
-        super.onResume()
-    }
-
-    private fun loadWebView() {
-        webView.loadUrl(webURL)
-
-        webView.webViewClient = object : WebViewClient() {
-            override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean {
-                val url = request?.url.toString()
-                view?.loadUrl(url)
-                return super.shouldOverrideUrlLoading(view, request)
-            }
-
-            override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) {
-                super.onPageStarted(view, url, favicon)
-            }
-
-            override fun onPageFinished(view: WebView?, url: String?) {
-                isLoaded = true
-                super.onPageFinished(view, url)
-            }
-
-            override fun onReceivedError(view: WebView, request: WebResourceRequest, error: WebResourceError) {
-                isLoaded = false
-                super.onReceivedError(view, request, error)
-            }
+    override fun onBackPressed() {
+        if (webView.canGoBack()) {
+            webView.goBack()
+        } else {
+            super.onBackPressed()
         }
     }
-
-    override fun onKeyDown(keyCode: Int, event: KeyEvent): Boolean {
-        if (event.action == KeyEvent.ACTION_DOWN) {
-            if (keyCode == KeyEvent.KEYCODE_BACK) {
-                if (webView.canGoBack()) {
-                    webView.goBack()
-                }
-
-                return true
-            }
-        }
-
-        return super.onKeyDown(keyCode, event)
-    }
 }

app/app/src/main/res/layout/content_main.xml

@@ -2,7 +2,6 @@
 <androidx.constraintlayout.widget.ConstraintLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 

app/app/src/main/res/values/themes.xml

@@ -1,12 +1,6 @@
 <resources>
-    <style name="Theme.ReactiveResume" parent="Theme.MaterialComponents.DayNight.DarkActionBar" />
-
-    <style name="Theme.ReactiveResume.NoActionBar">
+    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
     </style>
-
-    <style name="Theme.ReactiveResume.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
-
-    <style name="Theme.ReactiveResume.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
 </resources>

client/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16-alpine as dependencies
+FROM node:17-alpine as dependencies
 
 RUN apk add --no-cache curl g++ make python3 \
   && curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm
@@ -11,7 +11,7 @@ COPY ./client/package.json ./client/package.json
 
 RUN pnpm install --frozen-lockfile
 
-FROM node:16-alpine as builder
+FROM node:17-alpine as builder
 
 RUN apk add --no-cache curl g++ make python3 \
   && curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm
@@ -27,7 +27,7 @@ COPY --from=dependencies /app/client/node_modules ./client/node_modules
 RUN pnpm run build:schema
 RUN pnpm run build:client
 
-FROM node:16-alpine as production
+FROM node:17-alpine as production
 
 WORKDIR /app
 
@@ -49,4 +49,7 @@ EXPOSE 3000
 
 ENV PORT 3000
 
+HEALTHCHECK --interval=30s --timeout=20s --retries=3 --start-period=15s \
+    CMD curl -fSs 127.0.0.1:3000 || exit 1
+
 CMD [ "pnpm", "run", "start:client" ]

client/components/build/LeftSidebar/sections/Basics.tsx

@@ -27,10 +27,12 @@ const Basics = () => {
       <Heading path="sections.basics" name={t('builder.leftSidebar.sections.basics.heading')} />
 
       <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-        <div className="flex flex-col items-center gap-4 sm:col-span-2 sm:flex-row">
-          <PhotoUpload />
+        <div className="grid items-center gap-4 sm:col-span-2 sm:grid-cols-3">
+          <div className="mx-auto">
+            <PhotoUpload />
+          </div>
 
-          <div className="flex w-full flex-col-reverse gap-4 sm:flex-col sm:gap-2">
+          <div className="grid gap-2 w-full sm:col-span-2">
             <ResumeInput label={t('builder.leftSidebar.sections.basics.name.label')} path="basics.name" />
 
             <Button variant="outlined" startIcon={<PhotoFilter />} onClick={handleClick}>

client/components/build/RightSidebar/sections/Export.tsx

@@ -34,9 +34,10 @@ const Export = () => {
 
     const redactedResume = pick(resume, ['basics', 'sections', 'metadata', 'public']);
     const jsonString = JSON.stringify(redactedResume, null, 4);
+    const jsonBlob = new Blob([jsonString], { type: 'application/json;charset=utf-8' });
     const filename = `RxResume_JSONExport_${nanoid()}.json`;
 
-    download(jsonString, filename, 'application/json');
+    download(jsonBlob, filename);
   };
 
   const handleExportPDF = async () => {

client/components/build/RightSidebar/sections/Settings.tsx

@@ -66,6 +66,7 @@ const Settings = () => {
     const code = value?.code || 'en';
 
     document.cookie = `NEXT_LOCALE=${code}; path=/; expires=2147483647`;
+    dispatch(setResumeState({ path: 'metadata.locale', value: code }));
 
     push({ pathname, query }, asPath, { locale: code });
   };

client/components/build/RightSidebar/sections/Theme.tsx

@@ -1,4 +1,4 @@
-import { Theme } from '@reactive-resume/schema';
+import { Theme as ThemeType } from '@reactive-resume/schema';
 import get from 'lodash/get';
 import { useTranslation } from 'next-i18next';
 
@@ -16,10 +16,10 @@ const Theme = () => {
 
   const dispatch = useAppDispatch();
 
-  const { background, text, primary } = useAppSelector<Theme>((state) => get(state.resume, 'metadata.theme'));
+  const { background, text, primary } = useAppSelector<ThemeType>((state) => get(state.resume, 'metadata.theme'));
 
   const handleChange = (property: string, color: string) => {
-    dispatch(setResumeState({ path: `metadata.theme.${property}`, value: color }));
+    dispatch(setResumeState({ path: `metadata.theme.${property}`, value: color[0] !== '#' ? `#${color}` : color }));
   };
 
   return (

client/components/landing/Testimony.tsx

@@ -1,8 +1,8 @@
-import { Testimony } from '@/data/testimonials';
+import { Testimony as TestimonyType } from '@/data/testimonials';
 
 import styles from './Testimony.module.scss';
 
-type Props = Testimony;
+type Props = TestimonyType;
 
 const Testimony: React.FC<Props> = ({ name, message }) => {
   return (

client/components/shared/Announcement.module.scss

@@ -1,7 +0,0 @@
-.container {
-  @apply z-10 fixed top-0 left-0 right-0;
-
-  strong {
-    @apply font-semibold;
-  }
-}

client/components/shared/Announcement.tsx

@@ -1,26 +0,0 @@
-import { AnnouncementOutlined } from '@mui/icons-material';
-import { Alert, Collapse } from '@mui/material';
-import { useState } from 'react';
-
-import { PRODUCT_HUNT_URL } from '@/constants/index';
-
-import styles from './Announcement.module.scss';
-
-const Announcement = () => {
-  const [open, setOpen] = useState(true);
-
-  return (
-    <div className={styles.container}>
-      <Collapse in={open}>
-        <Alert icon={<AnnouncementOutlined />} severity="info" onClose={() => setOpen(false)}>
-          <a href={PRODUCT_HUNT_URL} target="_blank" rel="noreferrer">
-            <strong>Reactive Resume is featured on Product Hunt.</strong> If you liked this app, please show your
-            support by <strong>upvoting</strong>!
-          </a>
-        </Alert>
-      </Collapse>
-    </div>
-  );
-};
-
-export default Announcement;

client/components/shared/ArrayInput.tsx

@@ -8,14 +8,14 @@ import styles from './ArrayInput.module.scss';
 
 type Props = {
   label: string;
-  value: string[];
+  value?: string[];
   className?: string;
   onChange: (event: any) => void;
   errors?: FieldError | FieldError[];
 };
 
 const ArrayInput: React.FC<Props> = ({ value, label, onChange, errors, className }) => {
-  const [items, setItems] = useState<string[]>(value);
+  const [items, setItems] = useState<string[]>(value || []);
 
   const onAdd = () => setItems([...items, '']);
 

client/components/shared/LanguageSwitcher.tsx

@@ -1,64 +1,51 @@
 import { Language } from '@mui/icons-material';
-import { IconButton, Popover } from '@mui/material';
+import { IconButton, Menu, MenuItem } from '@mui/material';
 import { useRouter } from 'next/router';
-import { useTranslation } from 'next-i18next';
 import { MouseEvent, useState } from 'react';
 
 import { languages } from '@/config/languages';
-
-import styles from './LanguageSwitcher.module.scss';
+import { TRANSLATE_URL } from '@/constants/index';
 
 const LanguageSwitcher = () => {
   const router = useRouter();
 
-  const { t } = useTranslation();
-
   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
 
   const handleClick = (event: MouseEvent<HTMLButtonElement>) => setAnchorEl(event.currentTarget);
 
   const handleClose = () => setAnchorEl(null);
 
-  const handleChangeLanguage = (locale: string) => {
+  const handleChange = (locale: string) => {
     const { pathname, asPath, query } = router;
 
+    handleClose();
+
     document.cookie = `NEXT_LOCALE=${locale}; path=/; expires=2147483647`;
+
     router.push({ pathname, query }, asPath, { locale });
   };
 
+  const handleAddLanguage = () => window.open(TRANSLATE_URL, '_blank');
+
   return (
     <div>
       <IconButton onClick={handleClick}>
         <Language />
       </IconButton>
 
-      <Popover
-        anchorEl={anchorEl}
-        open={Boolean(anchorEl)}
-        onClose={handleClose}
-        anchorOrigin={{
-          vertical: 'top',
-          horizontal: 'right',
-        }}
-        transformOrigin={{
-          vertical: 'bottom',
-          horizontal: 'right',
-        }}
-      >
-        <div className={styles.popover}>
-          <div className={styles.container}>
-            {languages.map(({ code, name, localName }) => (
-              <p key={code} className={styles.language} onClick={() => handleChangeLanguage(code)}>
-                {name} {localName && `(${localName})`}
-              </p>
-            ))}
+      <Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleClose}>
+        {languages.map(({ code, name, localName }) => (
+          <MenuItem key={code} onClick={() => handleChange(code)}>
+            {name} {localName && `(${localName})`}
+          </MenuItem>
+        ))}
 
-            <a href="https://translate.rxresu.me" target="_blank" rel="noreferrer" className={styles.language}>
-              {t('common.footer.language.missing')}
-            </a>
-          </div>
-        </div>
-      </Popover>
+        <MenuItem>
+          <span className="font-bold" onClick={handleAddLanguage}>
+            Add your language
+          </span>
+        </MenuItem>
+      </Menu>
     </div>
   );
 };

client/config/languages.ts

@@ -5,35 +5,25 @@ export type Language = {
 };
 
 export const languages: Language[] = [
-  {
-    code: 'en',
-    name: 'English',
-  },
-  {
-    code: 'de',
-    name: 'German',
-    localName: 'Deutsch',
-  },
-  {
-    code: 'hi',
-    name: 'Hindi',
-    localName: 'हिन्दी',
-  },
-  {
-    code: 'kn',
-    name: 'Kannada',
-    localName: 'ಕನ್ನಡ',
-  },
-  {
-    code: 'es',
-    name: 'Spanish',
-    localName: 'Español',
-  },
-  {
-    code: 'ta',
-    name: 'Tamil',
-    localName: 'தமிழ்',
-  },
+  { code: 'ar', name: 'Arabic', localName: 'اَلْعَرَبِيَّةُ' },
+  { code: 'bn', name: 'Bengali', localName: 'বাংলা' },
+  { code: 'da', name: 'Danish', localName: 'Dansk' },
+  { code: 'de', name: 'German', localName: 'Deutsch' },
+  { code: 'en', name: 'English' },
+  { code: 'es', name: 'Spanish', localName: 'Español' },
+  { code: 'fr', name: 'French', localName: 'Français' },
+  { code: 'hi', name: 'Hindi', localName: 'हिन्दी' },
+  { code: 'it', name: 'Italian', localName: 'Italiano' },
+  { code: 'kn', name: 'Kannada', localName: 'ಕನ್ನಡ' },
+  { code: 'ml', name: 'Malayalam', localName: 'മലയാളം' },
+  { code: 'nl', name: 'Dutch', localName: 'Nederlands' },
+  { code: 'pl', name: 'Polish', localName: 'Polski' },
+  { code: 'pt', name: 'Portuguese', localName: 'Português' },
+  { code: 'ru', name: 'Russian', localName: 'русский' },
+  { code: 'ta', name: 'Tamil', localName: 'தமிழ்' },
+  { code: 'tr', name: 'Turkish', localName: 'Türkçe' },
+  { code: 'vi', name: 'Vietnamese', localName: 'Tiếng Việt' },
+  { code: 'zh', name: 'Chinese', localName: '中文' },
 ].sort((a, b) => a.name.localeCompare(b.name));
 
 export const languageMap: Record<string, Language> = languages.reduce(

client/constants/flags.ts

@@ -0,0 +1,3 @@
+import env from '@beam-australia/react-env';
+
+export const FLAG_DISABLE_SIGNUPS = env('FLAG_DISABLE_SIGNUPS') === 'true';

client/constants/index.ts

@@ -3,13 +3,15 @@ export const FONTS_QUERY = 'fonts';
 export const RESUMES_QUERY = 'resumes';
 
 // Regular Expressions
-export const VALID_URL_REGEX = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
+export const VALID_URL_REGEX = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)/;
 
 // Date Formats
 export const FILENAME_TIMESTAMP = 'DDMMYYYYHHmmss';
 
 // Links
-export const DONATION_URL = 'https://www.buymeacoffee.com/AmruthPillai';
+export const DONATION_URL = 'https://paypal.me/RajaRajanA';
+export const TRANSLATE_URL = 'https://translate.rxresu.me/';
+export const DIGITALOCEAN_URL = 'https://pillai.xyz/digitalocean';
 export const GITHUB_URL = 'https://github.com/AmruthPillai/Reactive-Resume';
 export const PRODUCT_HUNT_URL = 'https://www.producthunt.com/posts/reactive-resume-v3';
 export const GITHUB_ISSUES_URL = 'https://github.com/AmruthPillai/Reactive-Resume/issues/new/choose';

client/modals/auth/LoginModal.tsx

@@ -3,6 +3,7 @@ import { joiResolver } from '@hookform/resolvers/joi';
 import { Google, Login, Visibility, VisibilityOff } from '@mui/icons-material';
 import { Button, IconButton, InputAdornment, TextField } from '@mui/material';
 import Joi from 'joi';
+import { isEmpty } from 'lodash';
 import { Trans, useTranslation } from 'next-i18next';
 import { useMemo, useState } from 'react';
 import { GoogleLoginResponse, GoogleLoginResponseOffline, useGoogleLogin } from 'react-google-login';
@@ -11,6 +12,7 @@ import toast from 'react-hot-toast';
 import { useIsMutating, useMutation } from 'react-query';
 
 import BaseModal from '@/components/shared/BaseModal';
+import { FLAG_DISABLE_SIGNUPS } from '@/constants/flags';
 import { login, LoginParams, loginWithGoogle, LoginWithGoogleParams } from '@/services/auth';
 import { ServerError } from '@/services/axios';
 import { useAppDispatch, useAppSelector } from '@/store/hooks';
@@ -115,15 +117,17 @@ const LoginModal: React.FC = () => {
       handleClose={handleClose}
       footerChildren={
         <div className="flex gap-4">
-          <Button
-            type="submit"
-            variant="outlined"
-            disabled={isLoading}
-            startIcon={<Google />}
-            onClick={handleLoginWithGoogle}
-          >
-            {t('modals.auth.login.actions.google')}
-          </Button>
+          {!isEmpty(env('GOOGLE_CLIENT_ID')) && (
+            <Button
+              type="submit"
+              variant="outlined"
+              disabled={isLoading}
+              startIcon={<Google />}
+              onClick={handleLoginWithGoogle}
+            >
+              {t('modals.auth.login.actions.google')}
+            </Button>
+          )}
 
           <Button type="submit" onClick={handleSubmit(onSubmit)} disabled={isLoading}>
             {t('modals.auth.login.actions.login')}
@@ -164,11 +168,13 @@ const LoginModal: React.FC = () => {
         />
       </form>
 
-      <p className="text-xs">
-        <Trans t={t} i18nKey="modals.auth.login.register-text">
-          If you don&apos;t have one, you can <a onClick={handleCreateAccount}>create an account</a> here.
-        </Trans>
-      </p>
+      {!FLAG_DISABLE_SIGNUPS && (
+        <p className="text-xs">
+          <Trans t={t} i18nKey="modals.auth.login.register-text">
+            If you don&apos;t have one, you can <a onClick={handleCreateAccount}>create an account</a> here.
+          </Trans>
+        </p>
+      )}
 
       <p className="text-xs">
         <Trans t={t} i18nKey="modals.auth.login.recover-text">

client/modals/auth/RegisterModal.tsx

@@ -3,6 +3,7 @@ import { joiResolver } from '@hookform/resolvers/joi';
 import { Google, HowToReg } from '@mui/icons-material';
 import { Button, TextField } from '@mui/material';
 import Joi from 'joi';
+import { isEmpty } from 'lodash';
 import { Trans, useTranslation } from 'next-i18next';
 import { GoogleLoginResponse, GoogleLoginResponseOffline, useGoogleLogin } from 'react-google-login';
 import { Controller, useForm } from 'react-hook-form';
@@ -97,21 +98,23 @@ const RegisterModal: React.FC = () => {
       heading={t('modals.auth.register.heading')}
       handleClose={handleClose}
       footerChildren={
-        <>
-          <Button
-            type="submit"
-            variant="outlined"
-            disabled={isLoading}
-            startIcon={<Google />}
-            onClick={handleLoginWithGoogle}
-          >
-            {t('modals.auth.register.actions.google')}
-          </Button>
+        <div className="flex gap-4">
+          {!isEmpty(env('GOOGLE_CLIENT_ID')) && (
+            <Button
+              type="submit"
+              variant="outlined"
+              disabled={isLoading}
+              startIcon={<Google />}
+              onClick={handleLoginWithGoogle}
+            >
+              {t('modals.auth.register.actions.google')}
+            </Button>
+          )}
 
           <Button type="submit" onClick={handleSubmit(onSubmit)} disabled={isLoading}>
             {t('modals.auth.register.actions.register')}
           </Button>
-        </>
+        </div>
       }
     >
       <p>{t('modals.auth.register.body')}</p>

client/modals/builder/sections/PublicationModal.tsx

@@ -115,7 +115,7 @@ const PublicationModal: React.FC = () => {
           render={({ field, fieldState }) => (
             <TextField
               required
-              label="{t('builder.leftSidebar.sections.publications.form.publisher.label')}"
+              label={t('builder.leftSidebar.sections.publications.form.publisher.label')}
               error={!!fieldState.error}
               helperText={fieldState.error?.message}
               {...field}

client/modals/builder/sections/SkillModal.tsx

@@ -29,7 +29,7 @@ const defaultState: FormData = {
 const schema = Joi.object<FormData>().keys({
   id: Joi.string(),
   name: Joi.string().required(),
-  level: Joi.string().required(),
+  level: Joi.string().allow(''),
   levelNum: Joi.number().min(0).max(10).required(),
   keywords: Joi.array().items(Joi.string().optional()),
 });
@@ -109,7 +109,6 @@ const SkillModal: React.FC = () => {
           control={control}
           render={({ field, fieldState }) => (
             <TextField
-              required
               label={t('builder.common.form.level.label')}
               error={!!fieldState.error}
               helperText={fieldState.error?.message}
@@ -125,7 +124,7 @@ const SkillModal: React.FC = () => {
             <div className="col-span-2">
               <h4 className="mb-3 font-semibold">{t('builder.common.form.levelNum.label')}</h4>
 
-              <div className="px-10">
+              <div className="px-3">
                 <Slider
                   {...field}
                   marks={[
@@ -160,7 +159,7 @@ const SkillModal: React.FC = () => {
           render={({ field, fieldState }) => (
             <ArrayInput
               label={t('builder.common.form.keywords.label')}
-              value={field.value as string[]}
+              value={field.value}
               onChange={field.onChange}
               errors={fieldState.error}
               className="col-span-2"

client/modals/dashboard/CreateResumeModal.tsx

@@ -58,7 +58,7 @@ const CreateResumeModal: React.FC = () => {
     const slug = name
       ? name
           .toLowerCase()
-          .replace(/[`~!@#$%^&*()_|+=?;:'",.<>{}[]\\\/]/gi, '')
+          .replace(/[^\w\s]/gi, '')
           .replace(/[ ]/gi, '-')
       : '';
 

client/modals/dashboard/ImportExternalModal.tsx

@@ -24,6 +24,7 @@ const ImportExternalModal: React.FC = () => {
   const linkedinInputRef = useRef<HTMLInputElement>(null);
   const jsonResumeInputRef = useRef<HTMLInputElement>(null);
   const reactiveResumeInputRef = useRef<HTMLInputElement>(null);
+  const reactiveResumeV2InputRef = useRef<HTMLInputElement>(null);
 
   const { open: isOpen } = useAppSelector((state) => state.modal['dashboard.import-external']);
 
@@ -49,6 +50,11 @@ const ImportExternalModal: React.FC = () => {
         reactiveResumeInputRef.current.click();
         reactiveResumeInputRef.current.value = '';
       }
+    } else if (integration === 'reactive-resume-v2') {
+      if (reactiveResumeV2InputRef.current) {
+        reactiveResumeV2InputRef.current.click();
+        reactiveResumeV2InputRef.current.value = '';
+      }
     }
   };
 
@@ -171,7 +177,7 @@ const ImportExternalModal: React.FC = () => {
 
         <p className="mb-2">{t('modals.dashboard.import-external.reactive-resume.body')}</p>
 
-        <div>
+        <div className="flex gap-4">
           <Button
             variant="contained"
             disabled={isLoading}
@@ -181,6 +187,15 @@ const ImportExternalModal: React.FC = () => {
             {t('modals.dashboard.import-external.reactive-resume.actions.upload-json')}
           </Button>
 
+          <Button
+            variant="contained"
+            disabled={isLoading}
+            startIcon={<UploadFile />}
+            onClick={() => handleClick('reactive-resume-v2')}
+          >
+            {t('modals.dashboard.import-external.reactive-resume.actions.upload-json-v2')}
+          </Button>
+
           <input
             hidden
             type="file"
@@ -188,6 +203,14 @@ const ImportExternalModal: React.FC = () => {
             onChange={(event) => handleChange(event, 'reactive-resume')}
             accept="application/json"
           />
+
+          <input
+            hidden
+            type="file"
+            ref={reactiveResumeV2InputRef}
+            onChange={(event) => handleChange(event, 'reactive-resume-v2')}
+            accept="application/json"
+          />
         </div>
       </div>
     </BaseModal>

client/modals/dashboard/RenameResumeModal.tsx

@@ -56,7 +56,7 @@ const RenameResumeModal: React.FC = () => {
     const slug = name
       ? name
           .toLowerCase()
-          .replace(/[`~!@#$%^&*()_|+=?;:'",.<>{}[]\\\/]/gi, '')
+          .replace(/[^\w\s]/gi, '')
           .replace(/[ ]/gi, '-')
       : '';
 

client/next-i18next.config.js

@@ -3,7 +3,27 @@ const path = require('path');
 const i18nConfig = {
   i18n: {
     defaultLocale: 'en',
-    locales: ['de', 'en', 'es', 'kn', 'ta', 'hi'],
+    locales: [
+      'ar',
+      'bn',
+      'da',
+      'de',
+      'en',
+      'es',
+      'fr',
+      'hi',
+      'it',
+      'kn',
+      'ml',
+      'nl',
+      'pl',
+      'pt',
+      'ru',
+      'ta',
+      'tr',
+      'vi',
+      'zh',
+    ],
   },
   nsSeparator: '.',
   localePath: path.resolve('./public/locales'),

client/package.json

@@ -10,22 +10,22 @@
   "dependencies": {
     "@beam-australia/react-env": "^3.1.1",
     "@emotion/css": "^11.7.1",
-    "@emotion/react": "^11.8.1",
+    "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
     "@hookform/resolvers": "2.8.8",
     "@monaco-editor/react": "^4.3.1",
-    "@mui/icons-material": "^5.5.0",
-    "@mui/lab": "^5.0.0-alpha.72",
-    "@mui/material": "^5.5.0",
+    "@mui/icons-material": "^5.5.1",
+    "@mui/lab": "^5.0.0-alpha.74",
+    "@mui/material": "^5.5.2",
     "@reduxjs/toolkit": "^1.8.0",
     "axios": "^0.26.1",
     "clsx": "^1.1.1",
-    "dayjs": "^1.10.8",
+    "dayjs": "^1.11.0",
     "downloadjs": "^1.4.7",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "md5-hex": "^4.0.0",
-    "monaco-editor": "^0.32.1",
+    "monaco-editor": "^0.33.0",
     "nanoid": "^3.3.1",
     "next": "12.1.0",
     "next-i18next": "^10.5.0",
@@ -36,11 +36,11 @@
     "react-dnd-html5-backend": "^15.1.2",
     "react-dom": ">=17",
     "react-google-login": "^5.2.2",
-    "react-hook-form": "^7.27.1",
+    "react-hook-form": "^7.28.1",
     "react-hot-toast": "2.2.0",
     "react-hotkeys-hook": "^3.4.4",
     "react-icons": "^4.3.1",
-    "react-markdown": "^8.0.0",
+    "react-markdown": "^8.0.1",
     "react-query": "^3.34.16",
     "react-redux": "^7.2.6",
     "react-zoom-pan-pinch": "^2.1.3",
@@ -48,29 +48,29 @@
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "remark-gfm": "^3.0.1",
-    "sharp": "^0.30.2",
+    "sharp": "^0.30.3",
     "uuid": "^8.3.2",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.5",
+    "@babel/core": "^7.17.8",
     "@reactive-resume/schema": "workspace:*",
     "@tailwindcss/typography": "^0.5.2",
     "@types/downloadjs": "^1.4.3",
-    "@types/lodash": "^4.14.179",
-    "@types/node": "17.0.21",
-    "@types/react": "17.0.39",
+    "@types/lodash": "^4.14.180",
+    "@types/node": "17.0.23",
+    "@types/react": "17.0.42",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-redux": "^7.1.23",
     "@types/tailwindcss": "^3.0.9",
     "@types/uuid": "^8.3.4",
     "@types/webfontloader": "^1.6.34",
-    "autoprefixer": "^10.4.2",
-    "eslint": "^8.10.0",
+    "autoprefixer": "^10.4.4",
+    "eslint": "^8.11.0",
     "eslint-config-next": "12.1.0",
-    "next-sitemap": "^2.5.7",
-    "postcss": "^8.4.8",
-    "prettier": "^2.5.1",
+    "next-sitemap": "^2.5.13",
+    "postcss": "^8.4.12",
+    "prettier": "^2.6.0",
     "sass": "^1.49.9",
     "tailwindcss": "^3.0.23",
     "typescript": "<4.6.0"

client/pages/[username]/[slug]/build.tsx

@@ -42,6 +42,7 @@ const Build: NextPage<Props> = ({ username, slug }) => {
     `resume/${username}/${slug}`,
     () => fetchResumeByIdentifier({ username, slug }),
     {
+      cacheTime: 0,
       refetchOnMount: false,
       refetchOnReconnect: false,
       refetchOnWindowFocus: false,

client/pages/[username]/[slug]/printer.tsx

@@ -3,6 +3,8 @@ import clsx from 'clsx';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
 import { GetServerSideProps, NextPage } from 'next';
+import { useRouter } from 'next/router';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useEffect } from 'react';
 
 import Page from '@/components/build/Center/Page';
@@ -19,18 +21,29 @@ type QueryParams = {
 
 type Props = {
   resume?: Resume;
+  locale: string;
   redirect?: any;
 };
 
-export const getServerSideProps: GetServerSideProps<Props | Promise<Props>, QueryParams> = async ({ query }) => {
+export const getServerSideProps: GetServerSideProps<Props | Promise<Props>, QueryParams> = async ({
+  query,
+  locale,
+}) => {
   const { username, slug, secretKey } = query as QueryParams;
 
   try {
     if (isEmpty(secretKey)) throw new Error('There is no secret key!');
 
     const resume = await fetchResumeByIdentifier({ username, slug, options: { secretKey } });
+    const displayLocale = resume.metadata.locale || locale || 'en';
 
-    return { props: { resume } };
+    return {
+      props: {
+        resume,
+        locale: displayLocale,
+        ...(await serverSideTranslations(displayLocale, ['common'])),
+      },
+    };
   } catch (error) {
     return {
       redirect: {
@@ -41,7 +54,9 @@ export const getServerSideProps: GetServerSideProps<Props | Promise<Props>, Quer
   }
 };
 
-const Printer: NextPage<Props> = ({ resume: initialData }) => {
+const Printer: NextPage<Props> = ({ resume: initialData, locale }) => {
+  const router = useRouter();
+
   const dispatch = useAppDispatch();
 
   const resume = useAppSelector((state) => state.resume);
@@ -50,6 +65,12 @@ const Printer: NextPage<Props> = ({ resume: initialData }) => {
     if (initialData) dispatch(setResume(initialData));
   }, [dispatch, initialData]);
 
+  useEffect(() => {
+    const { pathname, asPath, query } = router;
+
+    router.push({ pathname, query }, asPath, { locale });
+  }, [router, locale]);
+
   if (!resume || isEmpty(resume)) return null;
 
   const layout: string[][][] = get(resume, 'metadata.layout', []);

client/pages/_document.tsx

@@ -4,6 +4,7 @@ import NextDocument, { DocumentContext, Head, Html, Main, NextScript } from 'nex
 const Document: NextPage = () => (
   <Html>
     <Head />
+
     <body>
       <Main />
       <NextScript />

client/pages/index.tsx

@@ -1,6 +1,6 @@
-import { Link as LinkIcon } from '@mui/icons-material';
+import { DarkMode, LightMode, Link as LinkIcon } from '@mui/icons-material';
 import { Masonry } from '@mui/lab';
-import { Button } from '@mui/material';
+import { Button, IconButton } from '@mui/material';
 import type { GetStaticProps, NextPage } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -8,19 +8,20 @@ import { Trans, useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import Testimony from '@/components/landing/Testimony';
-import Announcement from '@/components/shared/Announcement';
 import Footer from '@/components/shared/Footer';
 import LanguageSwitcher from '@/components/shared/LanguageSwitcher';
 import Logo from '@/components/shared/Logo';
 import NoSSR from '@/components/shared/NoSSR';
 import { screenshots } from '@/config/screenshots';
+import { FLAG_DISABLE_SIGNUPS } from '@/constants/flags';
 import testimonials from '@/data/testimonials';
 import { logout } from '@/store/auth/authSlice';
+import { setTheme } from '@/store/build/buildSlice';
 import { useAppDispatch, useAppSelector } from '@/store/hooks';
 import { setModalState } from '@/store/modal/modalSlice';
 import styles from '@/styles/pages/Home.module.scss';
 
-import { DONATION_URL, GITHUB_URL } from '../constants';
+import { DIGITALOCEAN_URL, DONATION_URL, GITHUB_URL } from '../constants';
 
 export const getStaticProps: GetStaticProps = async ({ locale = 'en' }) => {
   return {
@@ -35,18 +36,19 @@ const Home: NextPage = () => {
 
   const dispatch = useAppDispatch();
 
+  const theme = useAppSelector((state) => state.build.theme);
   const isLoggedIn = useAppSelector((state) => state.auth.isLoggedIn);
 
   const handleLogin = () => dispatch(setModalState({ modal: 'auth.login', state: { open: true } }));
 
   const handleRegister = () => dispatch(setModalState({ modal: 'auth.register', state: { open: true } }));
 
+  const handleToggle = () => dispatch(setTheme({ theme: theme === 'light' ? 'dark' : 'light' }));
+
   const handleLogout = () => dispatch(logout());
 
   return (
     <main className={styles.container}>
-      <Announcement />
-
       <div className={styles.header}>
         <div className={styles.logo}>
           <Logo size={256} />
@@ -73,7 +75,7 @@ const Home: NextPage = () => {
                 <>
                   <Button onClick={handleLogin}>{t('landing.actions.login')}</Button>
 
-                  <Button variant="outlined" onClick={handleRegister}>
+                  <Button variant="outlined" onClick={handleRegister} disabled={FLAG_DISABLE_SIGNUPS}>
                     {t('landing.actions.register')}
                   </Button>
                 </>
@@ -178,7 +180,7 @@ const Home: NextPage = () => {
       </section>
 
       <section className={styles.section}>
-        <a href="https://pillai.xyz/digitalocean" target="_blank" rel="noreferrer">
+        <a href={DIGITALOCEAN_URL} target="_blank" rel="noreferrer">
           <Image src="/images/sponsors/digitalocean.svg" alt="Powered By DigitalOcean" width={200} height={40} />
         </a>
       </section>
@@ -190,7 +192,11 @@ const Home: NextPage = () => {
           <div>v{process.env.appVersion}</div>
         </div>
 
-        <LanguageSwitcher />
+        <div className={styles.actions}>
+          <IconButton onClick={handleToggle}>{theme === 'dark' ? <DarkMode /> : <LightMode />}</IconButton>
+
+          <LanguageSwitcher />
+        </div>
       </footer>
     </main>
   );

client/public/locales/ar/builder.json

@@ -0,0 +1,358 @@
+{
+  "common": {
+    "actions": {
+      "add": "إضافة {{فقرة}} جديدة",
+      "delete": "حذة {{الفقرة}}",
+      "edit": "تحرير {{الفقرة}}"
+    },
+    "columns": {
+      "heading": "الأعمدة",
+      "tooltip": "تغيير عدد الأعمدة"
+    },
+    "form": {
+      "date": {
+        "label": "التاريخ"
+      },
+      "description": {
+        "label": "التفاصيل"
+      },
+      "email": {
+        "label": "البريد الإلكتروني"
+      },
+      "end-date": {
+        "help-text": "اترك هذا الحقل فارغًا ، إذا كان لا يزال موجودًا",
+        "label": "تاريخ الانتهاء"
+      },
+      "keywords": {
+        "label": "الكلمات الرئيسية"
+      },
+      "level": {
+        "label": "مستوى"
+      },
+      "levelNum": {
+        "label": "المستوى (Number)"
+      },
+      "name": {
+        "label": "الاسم"
+      },
+      "phone": {
+        "label": "رقم الهاتف"
+      },
+      "position": {
+        "label": "المنصب"
+      },
+      "start-date": {
+        "label": "تاريخ البداية"
+      },
+      "subtitle": {
+        "label": "العنوان الفرعي"
+      },
+      "summary": {
+        "label": "الملخص"
+      },
+      "title": {
+        "label": "العنوان"
+      },
+      "url": {
+        "label": "موقع الويب"
+      }
+    },
+    "glossary": {
+      "page": "الصفحة"
+    },
+    "list": {
+      "actions": {
+        "delete": "حذف",
+        "duplicate": "نسخه مطابقه",
+        "edit": "تعديل"
+      },
+      "empty-text": "هذه القائمة فارغة."
+    },
+    "tooltip": {
+      "delete-item": "هل أنت متأكد أنك تريد حذف هذا العنصر؟ لا يمكن التراجع عن هذا الإجراء.",
+      "delete-section": "حذف القسم",
+      "rename-section": "إعادة تسمية القسم",
+      "toggle-visibility": "تبديل الرؤية"
+    }
+  },
+  "controller": {
+    "tooltip": {
+      "center-artboard": "لوحة الوسط",
+      "copy-link": "انسخ الرابط للسيرة الذاتية",
+      "export-pdf": "تصدير PDF",
+      "toggle-orientation": "تبديل اتجاه الصفحة",
+      "toggle-page-break-line": "تبديل سطر الصفحة",
+      "toggle-sidebars": "تبديل الشريط الجانبي",
+      "zoom-in": "تكبير",
+      "zoom-out": "تصغير"
+    }
+  },
+  "header": {
+    "menu": {
+      "delete": "حذف",
+      "duplicate": "تكرار",
+      "rename": "إعادة تسمية",
+      "share-link": "مشاركة الرّابط",
+      "tooltips": {
+        "delete": "هل أنت متأكد أنك تريد حذف هذا العنصر؟ لا يمكن التراجع عن هذا الإجراء.",
+        "share-link": "أنت بحاجة إلى تغيير رؤية سيرتك الذاتية للعامة لجعلها مرئية للآخرين."
+      }
+    }
+  },
+  "leftSidebar": {
+    "sections": {
+      "awards": {
+        "form": {
+          "awarder": {
+            "label": "جائزة"
+          }
+        }
+      },
+      "basics": {
+        "actions": {
+          "photo-filters": "فلاتر الصور"
+        },
+        "heading": "الأساسيات",
+        "headline": {
+          "label": "العنوان الرئيسي"
+        },
+        "name": {
+          "label": "الاسم الكامل"
+        },
+        "photo-filters": {
+          "effects": {
+            "border": {
+              "label": "الحدود"
+            },
+            "grayscale": {
+              "label": "رمادي"
+            },
+            "heading": "مؤثرات"
+          },
+          "shape": {
+            "heading": "الشكل"
+          },
+          "size": {
+            "heading": "الحجم (بالبكسل)"
+          }
+        },
+        "photo-upload": {
+          "tooltip": {
+            "remove": "إزالة صورة",
+            "upload": "رفع صورة"
+          }
+        }
+      },
+      "certifications": {
+        "form": {
+          "issuer": {
+            "label": "جهة الإصدار"
+          }
+        }
+      },
+      "education": {
+        "form": {
+          "area-study": {
+            "label": "مجال الدراسة"
+          },
+          "courses": {
+            "label": "دورات"
+          },
+          "degree": {
+            "label": "الدرجة العلمية"
+          },
+          "grade": {
+            "label": "الدرجة / التقييم"
+          },
+          "institution": {
+            "label": "المؤسسة/الجامعة/المعهد"
+          }
+        }
+      },
+      "location": {
+        "address": {
+          "label": "العنوان"
+        },
+        "city": {
+          "label": "المدينة"
+        },
+        "country": {
+          "label": "البلد/الدولة"
+        },
+        "heading": "المكان",
+        "postal-code": {
+          "label": "الرمز البريدي"
+        },
+        "region": {
+          "label": "المنطقة"
+        }
+      },
+      "profiles": {
+        "form": {
+          "network": {
+            "label": "الشبكة"
+          },
+          "username": {
+            "label": "اسم المستخدم"
+          }
+        },
+        "heading": "الملفات الشخصية",
+        "heading_one": "الملف الشخصي"
+      },
+      "publications": {
+        "form": {
+          "publisher": {
+            "label": "الناشر"
+          }
+        }
+      },
+      "references": {
+        "form": {
+          "relationship": {
+            "label": "العلاقة"
+          }
+        }
+      },
+      "section": {
+        "heading": "القسم"
+      },
+      "volunteer": {
+        "form": {
+          "organization": {
+            "label": "المنظمة/المؤسسة"
+          }
+        }
+      }
+    }
+  },
+  "rightSidebar": {
+    "sections": {
+      "css": {
+        "heading": "تنسيقات CSS مخصصة"
+      },
+      "export": {
+        "heading": "تصدير",
+        "json": {
+          "primary": "JSON",
+          "secondary": "قم بتنزيل نسخة بصيغة JSON من سيرتك الذاتية والتي يمكن استيرادها مرة أخرى إلى Reactive Resume."
+        },
+        "pdf": {
+          "loading": {
+            "primary": "توليد ملف PDF",
+            "secondary": "يرجى الانتظار حتى يتم إنشاء ملف PDF الخاص بك ، فقد يستغرق هذا ما يصل إلى 15 ثانية."
+          },
+          "normal": {
+            "primary": "ملف - PDF",
+            "secondary": "قم بتنزيل ملف PDF لسيرتك الذاتية بحيث يمكنك طباعته وإرساله إلى وظيفة أحلامك. لا يمكن استيراد هذا الملف مرة أخرى لمزيد من التحرير."
+          }
+        }
+      },
+      "layout": {
+        "heading": "تخطيط",
+        "tooltip": {
+          "reset-layout": "إعادة تعيين التخطيط"
+        }
+      },
+      "links": {
+        "bugs-features": {
+          "body": "شيء يمنعك من عمل سيرة ذاتية؟ أو هل لديك فكرة رائعة لتضيفها؟ إطرح المشكلة على GitHub للبدء.",
+          "button": "صفحة المشاكل على \"GitHub\"",
+          "heading": "خلل برمجي؟ طلب وظائف ومميزات مخصصة؟"
+        },
+        "donate": {
+          "body": "إذا أعجبك استخدام Resctive Resume ، فالرجاء التفكير في التبرع بأكبر قدر ممكن من أجل الحفاظ على استمرار التطبيق وتشغيله ، بدون إعلانات وبشكل مجاني إلى الأبد.",
+          "button": "إشتر لي قهوة",
+          "heading": "تبرع الى Reactive Resume"
+        },
+        "github": "الشفرة المصدرية",
+        "heading": "الروابط"
+      },
+      "settings": {
+        "global": {
+          "date": {
+            "primary": "التاريخ",
+            "secondary": "صيغة التاريخ لاستخدامه عبر التطبيق"
+          },
+          "heading": "عام",
+          "language": {
+            "primary": "اللغة",
+            "secondary": "اعرض اللغة لاستخدامها عبر التطبيق"
+          },
+          "theme": {
+            "primary": "التصميم"
+          }
+        },
+        "heading": "الإعدادات",
+        "page": {
+          "break-line": {
+            "primary": "خط فاصل",
+            "secondary": "اعرض خط في كل الصفحات لتحديد ارتفاع صفحة A4"
+          },
+          "heading": "صفحة",
+          "orientation": {
+            "disabled": "ليس له تأثير عندما تكون هناك صفحة واحدة فقط",
+            "primary": "الإتجاة",
+            "secondary": "ما إذا كان سيتم عرض الصفحات أفقيًا أو رأسيًا"
+          }
+        },
+        "resume": {
+          "heading": "سيرة ذاتية",
+          "reset": {
+            "primary": "إعادة تعيين كل شيء",
+            "secondary": "أرتكبت الكثير من الأخطاء؟ انقر هنا لإعادة تعيين جميع التغييرات والبدء من نقطة الصفر. كن حذرا ، هذا الإجراء لا يمكن عكسه."
+          },
+          "sample": {
+            "primary": "تحميل نموذج البيانات",
+            "secondary": "لست متأكدا من أين تبدأ؟ انقر هنا لتحميل بعض عينات البيانات لترى كيف تبدو سيرة ذاتية كاملة."
+          }
+        }
+      },
+      "sharing": {
+        "heading": "جاري المشاركة",
+        "short-url": {
+          "label": "تفضل عنوان URL قصير"
+        },
+        "visibility": {
+          "subtitle": "اسمح لأي شخص لديه الرابط لعرض سيرتك الذاتية",
+          "title": "عام"
+        }
+      },
+      "templates": {
+        "heading": "قوالب"
+      },
+      "theme": {
+        "form": {
+          "background": {
+            "label": "الخلفية"
+          },
+          "primary": {
+            "label": "اساسي"
+          },
+          "text": {
+            "label": "نص"
+          }
+        },
+        "heading": "السمة"
+      },
+      "typography": {
+        "form": {
+          "font-family": {
+            "label": "اسم الخط"
+          },
+          "font-size": {
+            "label": "حجم الخط"
+          }
+        },
+        "heading": "الطباعة والخطوط",
+        "widgets": {
+          "body": {
+            "label": "المتن"
+          },
+          "headings": {
+            "label": "العناوين"
+          }
+        }
+      }
+    }
+  }
+}

client/public/locales/ar/common.json

@@ -0,0 +1,29 @@
+{
+  "avatar": {
+    "menu": {
+      "greeting": "مرحبا",
+      "logout": "تسجيل خروج"
+    }
+  },
+  "footer": {
+    "credit": "مشروع عاطفي من تأليف <1> أمروث بيلاي</1>",
+    "license": "من قبل المجتمع للمجتمع."
+  },
+  "markdown": {
+    "help-text": "يدعم هذا القسم تنسيق <1> تخفيض السعر </1>."
+  },
+  "date": {
+    "present": "الحاضر"
+  },
+  "subtitle": "سيرة ذاتية مجانية ومفتوحة المصدر.",
+  "title": "سيرة ذاتية تفاعلية",
+  "toast": {
+    "error": {
+      "upload-file-size": "الرجاء تحميل الملفات تحت 2 ميغابايت فقط.",
+      "upload-photo-size": "الرجاء تحميل الصور التي تقل حجمها عن 2 ميغا ويفضل أن تكون مربعة."
+    },
+    "success": {
+      "resume-link-copied": "تم نسخ رابط السيرة الذاتية الخاصة بك إلى الحافظة."
+    }
+  }
+}

client/public/locales/ar/dashboard.json

@@ -0,0 +1,25 @@
+{
+  "create-resume": {
+    "subtitle": "البدء من الصفر",
+    "title": "إنشاء سيرة ذاتية جديدة"
+  },
+  "import-external": {
+    "subtitle": "LinkedIn ، سيرة ذاتية من ملف JSON ،سيرة ذاتية من Reactive Resume",
+    "title": "استيراد من مصادر خارجية"
+  },
+  "resume": {
+    "menu": {
+      "delete": "حذف",
+      "duplicate": "إنشاء نسخة مطابقة",
+      "open": "فتح",
+      "rename": "إعادة تسمية",
+      "share-link": "مشاركة الرّابط",
+      "tooltips": {
+        "delete": "هل أنت متأكد أنك تريد حذف ملف السيرة الذاتية هذا؟ لا يمكن التراجع عن هذا الإجراء.",
+        "share-link": "أنت بحاجة إلى تغيير خصوصية سيرتك الذاتية إلى عامة لجعلها مرئية للآخرين."
+      }
+    },
+    "timestamp": "آخر تحديث تم في {{timestamp}}"
+  },
+  "title": "لوحة التحكم"
+}