Add Prettier

.azure/azure-pipelines.yml

@@ -7,8 +7,7 @@ trigger: none
 pr:
   branches:
     include:
-    - "*"
-
+      - "*"
 
 pool:
   vmImage: ubuntu-latest
@@ -24,4 +23,4 @@ stages:
     parameters:
       s3_development_bucket_url: s3://revenuecat-docs-development
       cloudfront_development_distribution: E3H8J4FFZ74FTY
-      deploy_branch: refs/heads/main
+      deploy_branch: refs/heads/main

.azure/deploy-pipeline.yml

@@ -7,7 +7,7 @@ trigger:
   batch: true
   branches:
     include:
-    - main
+      - main
 
 pr: none
 
@@ -27,4 +27,4 @@ stages:
       s3_production_bucket_url: s3://revenuecat-docs-production
       cloudfront_staging_distribution: E35S07LS4FQN6M
       cloudfront_production_distribution: E2CUF57UZ7I2JV
-      deploy_branch: refs/heads/main
+      deploy_branch: refs/heads/main

.azure/templates/deploy_stages.yml

@@ -1,17 +1,17 @@
-stages: 
-  - stage: Build 
-    displayName: 'Build Docs'
+stages:
+  - stage: Build
+    displayName: "Build Docs"
     dependsOn: []
     jobs:
       - job: InstallAndBuild
-        displayName: 'Install and build'
+        displayName: "Install and build"
         pool:
           vmImage: "ubuntu-latest"
         steps:
           - task: NodeTool@0
             inputs:
-              versionSpec: '20.x'
-            displayName: 'Install Node.js'
+              versionSpec: "20.x"
+            displayName: "Install Node.js"
           - bash: |
               set -e
 
@@ -27,7 +27,7 @@ stages:
               yarn
               yarn build
               yarn clean-redirect-double-extensions
-            displayName: 'yarn install and build'
+            displayName: "yarn install and build"
           - publish: $(System.DefaultWorkingDirectory)/build
             artifact: docs-build-files
             displayName: Publishing build artifact
@@ -99,4 +99,4 @@ stages:
                     awsCredentials: "AWS (azure-devops user)"
                     regionName: "us-east-1"
                     scriptType: "inline"
-                    inlineScript: 'aws cloudfront create-invalidation --distribution-id ${{ parameters.cloudfront_production_distribution }} --paths "/docs/*"'
+                    inlineScript: 'aws cloudfront create-invalidation --distribution-id ${{ parameters.cloudfront_production_distribution }} --paths "/docs/*"'

.azure/templates/test_stages.yml

@@ -1,20 +1,20 @@
-stages: 
-  - stage: Build 
-    displayName: 'Build Docs'
+stages:
+  - stage: Build
+    displayName: "Build Docs"
     dependsOn: []
     jobs:
       - job: InstallAndBuild
-        displayName: 'Install and build'
+        displayName: "Install and build"
         pool:
           vmImage: "ubuntu-latest"
         steps:
           - task: NodeTool@0
             inputs:
-              versionSpec: '20.x'
-            displayName: 'Install Node.js'
+              versionSpec: "20.x"
+            displayName: "Install Node.js"
           - bash: |
               set -e
-              
+
               if [ "$(Build.Reason)" = "PullRequest" ]; then
                 export DOC_BASE_URL=pr-$(System.PullRequest.PullRequestNumber)
               fi
@@ -27,11 +27,11 @@ stages:
               export SIXSENSE_TOKEN=$(SIXSENSE_TOKEN)
               export GOOGLE_SITE_VERIFICATION=${GOOGLE_SITE_VERIFICATION}
               export HOCKEYSTACK_API_KEY=$(HOCKEYSTACK_API_KEY)
-              
+
               yarn
               yarn build
               yarn clean-redirect-double-extensions
-            displayName: 'yarn install and build'
+            displayName: "yarn install and build"
           - publish: $(System.DefaultWorkingDirectory)/build
             artifact: docs-build-files
             displayName: Publishing build artifact
@@ -71,4 +71,4 @@ stages:
                     awsCredentials: "AWS (azure-devops user)"
                     regionName: "us-east-1"
                     scriptType: "inline"
-                    inlineScript: 'aws cloudfront create-invalidation --distribution-id ${{ parameters.cloudfront_development_distribution }} --paths "/pr-$(pr_number)/*"'
+                    inlineScript: 'aws cloudfront create-invalidation --distribution-id ${{ parameters.cloudfront_development_distribution }} --paths "/pr-$(pr_number)/*"'

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+{
+  "name": "Node.js",
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:22",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        //
+        "esbenp.prettier-vscode",
+        "unifiedjs.vscode-mdx"
+      ]
+    }
+  },
+  "onCreateCommand": "yarn install",
+  "postAttachCommand": "yarn start",
+  "forwardPorts": [3030],
+  "portsAttributes": {
+    "3030": {
+      "label": "Docusaurus Dev Server"
+    }
+  },
+  "remoteUser": "node"
+}

.gitignore

@@ -4,5 +4,3 @@ package-lock.json
 .DS_Store
 build
 .idea
-.vscode/**/*
-.prettierignore

.prettierignore

@@ -0,0 +1,6 @@
+tools
+code_blocks
+openapi-spec
+# TODO: Reformat. MDX is whitespace sensitive, so it requires making sure all the docs still look good.
+**/*.md
+**/*.mdx

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode", "unifiedjs.vscode-mdx"]
+}

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+  presets: [require.resolve("@docusaurus/core/lib/babel/preset")],
 };

package.json

@@ -1,58 +1,61 @@
 {
-	"name": "revenuecat-docs",
-	"version": "0.0.0",
-	"private": true,
-	"scripts": {
-		"docusaurus": "docusaurus",
-		"start": "docusaurus start --port 3030",
-		"build": "docusaurus build",
-		"clean-redirect-double-extensions": "scripts/remove_duplicate_html_extension.sh",
-		"swizzle": "docusaurus swizzle",
-		"deploy": "docusaurus deploy",
-		"clear": "docusaurus clear",
-		"serve": "docusaurus serve",
-		"write-translations": "docusaurus write-translations",
-		"write-heading-ids": "docusaurus write-heading-ids",
-		"process-images": "scripts/move_images.sh"
-	},
-	"dependencies": {
-		"@docusaurus/core": "^3.6.3",
-		"@docusaurus/plugin-client-redirects": "^3.6.3",
-		"@docusaurus/plugin-google-gtag": "^3.6.3",
-		"@docusaurus/preset-classic": "^3.6.3",
-		"@docusaurus/theme-common": "^3.6.3",
-		"@mdx-js/react": "^3.0.0",
-		"clsx": "^2.0.0",
-		"docusaurus-theme-redoc": "^2.2.0",
-		"medium-zoom": "1.1.0",
-		"prism-react-renderer": "^2.3.0",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
-		"redocusaurus": "^2.0.0"
-	},
-	"devDependencies": {
-		"@docusaurus/module-type-aliases": "^3.6.3",
-		"@docusaurus/tsconfig": "^3.6.3",
-		"@docusaurus/types": "^3.6.3",
-		"autoprefixer": "^10.4.17",
-		"postcss": "^8.4.35",
-		"raw-loader": "^4.0.2",
-		"tailwindcss": "^3.4.1",
-		"typescript": "^5.3.3"
-	},
-	"browserslist": {
-		"production": [
-			">0.5%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 3 chrome version",
-			"last 3 firefox version",
-			"last 5 safari version"
-		]
-	},
-	"engines": {
-		"node": ">=18.0"
-	}
+  "name": "revenuecat-docs",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "docusaurus": "docusaurus",
+    "start": "docusaurus start --port 3030",
+    "build": "docusaurus build",
+    "clean-redirect-double-extensions": "scripts/remove_duplicate_html_extension.sh",
+    "swizzle": "docusaurus swizzle",
+    "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
+    "serve": "docusaurus serve",
+    "write-translations": "docusaurus write-translations",
+    "write-heading-ids": "docusaurus write-heading-ids",
+    "process-images": "scripts/move_images.sh",
+    "format": "prettier --write ."
+  },
+  "dependencies": {
+    "@docusaurus/core": "^3.6.3",
+    "@docusaurus/plugin-client-redirects": "^3.6.3",
+    "@docusaurus/plugin-google-gtag": "^3.6.3",
+    "@docusaurus/preset-classic": "^3.6.3",
+    "@docusaurus/theme-common": "^3.6.3",
+    "@mdx-js/react": "^3.0.0",
+    "clsx": "^2.0.0",
+    "docusaurus-theme-redoc": "^2.2.0",
+    "medium-zoom": "1.1.0",
+    "prism-react-renderer": "^2.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "redocusaurus": "^2.0.0"
+  },
+  "devDependencies": {
+    "@docusaurus/module-type-aliases": "^3.6.3",
+    "@docusaurus/tsconfig": "^3.6.3",
+    "@docusaurus/types": "^3.6.3",
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.4.35",
+    "prettier": "^3.4.2",
+    "raw-loader": "^4.0.2",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.3.3"
+  },
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 3 chrome version",
+      "last 3 firefox version",
+      "last 5 safari version"
+    ]
+  },
+  "engines": {
+    "node": ">=18.0"
+  },
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/components/Button/Button.tsx

@@ -22,7 +22,7 @@ const Button: React.FC<ButtonType> = ({
         variant === "primary"
           ? "bg-primary text-white hover:bg-primaryDark"
           : "bg-transparent text-primary hover:bg-base-100 dark:hover:bg-base-800",
-        additionalClasses
+        additionalClasses,
       )}
       href={href}
       target={target}