Merge pull request #887 from supertokens/add-pnpm-option

Add pnpm support on the package manager select
supertokens · Jan 6, 2025 · 8ffadd3 · 8ffadd3
2 parents f232507 + 89e29b5
commit 8ffadd3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/v3/docs/quickstart/frontend-setup.mdx b/v3/docs/quickstart/frontend-setup.mdx
@@ -70,6 +70,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-auth-react supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-auth-react supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="angular">
@@ -89,6 +94,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="vue">
@@ -108,6 +118,11 @@ Run the following command in your terminal to install the package.
         yarn add supertokens-web-js
         ```
       </NodePackageManagerCard.Content>
+      <NodePackageManagerCard.Content value="pnpm">
+        ```bash
+        pnpm add supertokens-web-js
+        ```
+      </NodePackageManagerCard.Content>
     </NodePackageManagerCard>
   </FrontendPrebuiltUITabs.TabItem>
   <FrontendPrebuiltUITabs.TabItem value="mobile">

diff --git a/v3/src/components/Select/NodePackageManagerSelect.tsx b/v3/src/components/Select/NodePackageManagerSelect.tsx
@@ -20,7 +20,8 @@ export function NodePackageManagerSelect() {
 			<Select.Content>
 				<Select.Item value="npm7+">{`NPM>=7`}</Select.Item>
 				<Select.Item value="npm6">{`NPM6`}</Select.Item>
-				<Select.Item value="yarn">Yarn</Select.Item>
+				<Select.Item value="yarn">yarn</Select.Item>
+				<Select.Item value="pnpm">pnpm</Select.Item>
 			</Select.Content>
 		</Select.Root>
 	);