chore: Added tab for archetype command in PowerShell (#417)

* chore: Added tab for archetype command in PowerShell - Added `powershell` as an additional language - Added `Tabs` and `TabItem` to global imports * chore: Added CMD Tab for `archetype:generate` * move `-B` to start --------- Co-authored-by: Hyyan Abo Fakher <[email protected]>
webforj · Jan 23, 2025 · 87546dd · 87546dd
1 parent 17c5da0
commit 87546dd
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 10 deletions.
diff --git a/docs/introduction/getting-started.md b/docs/introduction/getting-started.md
@@ -25,15 +25,43 @@ Open a terminal and move to the folder where you want to create your new project
 2) **Run the `archetype:generate` command**:
 Use the Maven command below, and customize the `groupId`, `artifactId`, and `version` as needed for your project.
 
-```bash
-mvn -B archetype:generate \
--DarchetypeGroupId=com.webforj \
--DarchetypeArtifactId=webforj-archetype-hello-world \
--DgroupId=org.example \
--DarchetypeVersion=LATEST \
--DartifactId=my-hello-world-app \
--Dversion=1.0-SNAPSHOT
-```
+<!-- vale off -->
+<Tabs>
+  <TabItem value="bash" label="Bash/Zsh" default>
+  ```bash
+  mvn -B archetype:generate \
+  -DarchetypeGroupId=com.webforj \
+  -DarchetypeArtifactId=webforj-archetype-hello-world \
+  -DgroupId=org.example \
+  -DarchetypeVersion=LATEST \
+  -DartifactId=my-hello-world-app \
+  -Dversion=1.0-SNAPSHOT
+  ```
+  </TabItem>
+  <TabItem value="powershell" label="PowerShell">
+  ```powershell
+  mvn -B archetype:generate `
+  -DarchetypeGroupId="com.webforj" `
+  -DarchetypeArtifactId="webforj-archetype-hello-world" `
+  -DarchetypeVersion="LATEST" `
+  -DgroupId="org.example" `
+  -DartifactId="my-hello-world-app" `
+  -Dversion="1.0-SNAPSHOT" 
+  ```
+  </TabItem>
+  <TabItem value="cmd" label="Command Prompt">
+  ```
+  mvn -B archetype:generate ^
+  -DarchetypeGroupId=com.webforj ^
+  -DarchetypeArtifactId=webforj-archetype-hello-world ^
+  -DgroupId=org.example ^
+  -DarchetypeVersion=LATEST ^
+  -DartifactId=my-hello-world-app ^
+  -Dversion=1.0-SNAPSHOT
+  ```
+  </TabItem>
+</Tabs>
+<!-- vale on -->
 
 | Argument             | Explanation                                                                 |
 |----------------------|-----------------------------------------------------------------------------|

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -199,7 +199,7 @@ const config = {
     prism: {
       theme: lightCodeTheme,
       darkTheme: darkCodeTheme,
-      additionalLanguages: ['java', 'Ini', 'bash']
+      additionalLanguages: ['java', 'Ini', 'bash', 'powershell']
     },
   }
 };

diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js
@@ -12,6 +12,8 @@ import ParentLink from '@site/src/components/DocsTools/ParentLink';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import TabSwitcher from '@site/src/components/DocsTools/TabSwitcher';
 import DocCardList from '@theme/DocCardList';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 
 export default {
@@ -26,5 +28,7 @@ export default {
   ParentLink,
   TableBuilder,
   TabSwitcher,
+  Tabs,
+  TabItem,
 };