add cli features to release note (#474)

* add cli features to release note * Optimize the badges, update release note --------- Co-authored-by: erenkan <erenkn@gmail.com>
appcircleio · May 14, 2024 · 149f1d9 · 149f1d9
1 parent d07705e
commit 149f1d9
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 12 deletions.
diff --git a/docs/release-notes.md b/docs/release-notes.md
@@ -10,7 +10,7 @@ import ContentRef from '@site/src/components/ContentRef';
 
 <!-- Note to contributors: You can use the following badges to indicate the availability of the feature for modules.-->
 
-<!-- <BuildBadge/> <APIBadge/> <BuildIntegrationsBadge/> <ContinuousTestingBadge/> <EnvironmentVariablesBadge/> <VersioningBadge/> <AccountBadge/> <BestPracticesBadge/> <DistributionBadge/>
+<!-- <BuildBadge/> <APICLIBadge/> <BuildIntegrationsBadge/> <ContinuousTestingBadge/> <EnvironmentVariablesBadge/> <VersioningBadge/> <AccountBadge/> <BestPracticesBadge/> <DistributionBadge/>
 <IntegrationsBadge/> <EnterpriseStoreBadge/> <FaqBadge/> <InfrastructureBadge/> <PublishBadge/> <ReportsBadge/> <SigningIdentitiesBadge/> <SelfHostedBadge/> <PublishIntegrationsBadge/> -->
 
 # Latest Release Notes
@@ -19,14 +19,17 @@ import ContentRef from '@site/src/components/ContentRef';
 
 ### 🆕 New Features
 
-- The [Resign Binary](/publish-module/publish-information/resign-binary) feature is now available for both iOS and Android applications within the Publish module. <CloudBadge/> <SelfHostedBadge/>
-- Users can now upload application screenshots and update [Metadata Information](https://docs.appcircle.io/publish-module/publish-information/meta-data-information) within the Publish module, including promotional text and descriptions, via Appcircle, without the need for the App Store Connect interface. <CloudBadge/> <SelfHostedBadge/>
+- The [Resign Binary](/publish-module/publish-information/resign-binary) feature is now available for both iOS and Android applications within the Publish module. <PublishBadge/> <CloudBadge/> <SelfHostedBadge/>
+- Users can now upload application screenshots and update [Metadata Information](https://docs.appcircle.io/publish-module/publish-information/meta-data-information) within the Publish module, including promotional text and descriptions, via Appcircle, without the need for the App Store Connect interface. <CloudBadge/> <SelfHostedBadge/> <PublishBadge/>
 <!-- - LDAP Mapping is now supported in Appcircle, allowing seamless synchronization of user groups and roles from your LDAP directory to your Appcircle environment. This integration streamlines user management and enhances security by aligning your Appcircle roles with your organizational structures. For a detailed setup guide, visit our [LDAP Mapping documentation](/self-hosted-appcircle/configure-server/integrations-and-access/ldap-settings#ldap-mapping) -->
-- Within the Publish profile card, App Store Status will be displayed for Enterprise users, while Flow Status will be observed for non-enterprise users. Similarly, in the app version view, Enterprise users will have access to both Flow and App Store Status, whereas non-Enterprise users will only see Flow Status displayed. <CloudBadge/> <SelfHostedBadge/>
-- A new component named "Update Metadata on App Store" has been integrated to the Publish Steps section, facilitating the display of metadata information. <CloudBadge/> <SelfHostedBadge/>
-- On the Metadata Information page, metadata for profiles designated as Release Candidates is retrieved directly from the store. For more information, refer to the [Metadata Information](/publish-module/publish-information/meta-data-information) documentation. <CloudBadge/> <SelfHostedBadge/>
-- Users uploading .AAB files can now share the app version with testers within the [Distribution](https://docs.appcircle.io/distribute) module. <CloudBadge/> <SelfHostedBadge/>
+- Within the Publish profile card, App Store Status will be displayed for Enterprise users, while Flow Status will be observed for non-enterprise users. Similarly, in the app version view, Enterprise users will have access to both Flow and App Store Status, whereas non-Enterprise users will only see Flow Status displayed. <CloudBadge/> <SelfHostedBadge/> <PublishBadge/>
+- A new component named "Update Metadata on App Store" has been integrated to the Publish Steps section, facilitating the display of metadata information. <CloudBadge/> <SelfHostedBadge/> <PublishIntegrationsBadge/>
+- On the Metadata Information page, metadata for profiles designated as Release Candidates is retrieved directly from the store. For more information, refer to the [Metadata Information](/publish-module/publish-information/meta-data-information) documentation. <CloudBadge/> <SelfHostedBadge/> <PublishBadge/>
+- Users uploading .AAB files can now share the app version with testers within the [Distribution](https://docs.appcircle.io/distribute) module. <CloudBadge/> <SelfHostedBadge/> <DistributionBadge/>
 - The install certificate tool bundled in the runner package now supports proxies when connecting to remote URLs on macOS. <SelfHostedBadge/>
+- The [Signing Identities](/signing-identities) module features are now accessible via the command-line interface. Learn more. <CloudBadge/> <SelfHostedBadge/> <APICLIBadge/> <SigningIdentitiesBadge/>
+- You can now manage [Testing Groups](/distribute/testing-management/testing-groups) within the [Distribution](/distribute) module via the command-line interface. <CloudBadge/> <SelfHostedBadge/> <APICLIBadge/> <DistributionBadge/>
+- Users can configure [Distribution](/distribute) settings to [automatically send builds to testers](/distribute/create-or-select-a-distribution-profile#auto-send-your-build-to-the-testers) using the command-line interface. <CloudBadge/> <SelfHostedBadge/> <APICLIBadge/> <DistributionBadge/>
 - The "Default M1 pool" and "macOS VM image" now include [Xcode 15.4 RC1](https://docs.appcircle.io/infrastructure/ios-build-infrastructure#available-xcode-versions) installed on runners. We strongly recommend extensive testing of your workflows to ensure compatibility and stability with this release candidate. <CloudBadge/> <SelfHostedBadge/>
 - This release introduces [a log viewing and delivery system](https://docs.appcircle.io/self-hosted-appcircle/configure-server/monitoring) for the self-hosted Appcircle server. <SelfHostedBadge/>
 - Self-hosted customers can now [download](https://docs.appcircle.io/self-hosted-appcircle/configure-server/auto-updating) the Appcircle server package seamlessly and [update](https://docs.appcircle.io/self-hosted-appcircle/configure-server/auto-updating) the Appcircle server fully automated. <SelfHostedBadge/>

diff --git a/src/components/Badge/Badge.js b/src/components/Badge/Badge.js
@@ -2,7 +2,7 @@ import React from "react";
 
 // Generic Badge Component that accepts an icon
 const Badge = ({ children, className, icon: Icon }) => (
-  <span className={`module-badge ${className}`}>
+  <span className={`module-badge ${className} `}>
     {Icon && <Icon />}
     {children}
   </span>

diff --git a/src/components/Badge/ModuleBadges.js b/src/components/Badge/ModuleBadges.js
@@ -18,12 +18,13 @@ import PublishIcon from "../ModuleIcons/PublishIcon";
 import ReportsIcon from "../ModuleIcons/ReportsIcon";
 import SelfHostedIcon from "../ModuleIcons/SelfHostedIcon";
 import SigningIdentitiesIcon from "../ModuleIcons/SigningIdentitiesIcon";
+import CloudIcon from "../ModuleIcons/CloudIcon";
 
 const AccountBadge = () => (
   <Badge icon={AccountIcon}>Account & Organization</Badge>
 );
 
-const APIBadge = () => <Badge icon={ApiIcon}>API & CLI</Badge>;
+const APICLIBadge = () => <Badge icon={ApiIcon}>API & CLI</Badge>;
 
 const BestPracticesBadge = () => (
   <Badge icon={BestPracticesIcon}>Best Practices</Badge>
@@ -52,7 +53,11 @@ const PublishIntegrationsBadge = () => (
 
 const ReportsBadge = () => <Badge icon={ReportsIcon}>Reports</Badge>;
 
-const SelfHostedBadge = () => <Badge icon={SelfHostedIcon}>Self-Hosted</Badge>;
+const SelfHostedBadge = () => (
+  <Badge className="module-badge-self-hosted" icon={SelfHostedIcon}>
+    Self-Hosted
+  </Badge>
+);
 
 const SigningIdentitiesBadge = () => (
   <Badge icon={SigningIdentitiesIcon}>Signing Identities</Badge>
@@ -71,7 +76,11 @@ const EnvironmentVariablesBadge = () => (
 );
 const VersioningBadge = () => <Badge icon={VersioningIcon}>Versioning</Badge>;
 
-const CloudBadge = () => <Badge icon={SelfHostedIcon}>Cloud</Badge>;
+const CloudBadge = () => (
+  <Badge className="module-badge-cloud" icon={CloudIcon}>
+    Cloud
+  </Badge>
+);
 
 export {
   BuildBadge,
@@ -80,7 +89,7 @@ export {
   EnvironmentVariablesBadge,
   VersioningBadge,
   AccountBadge,
-  APIBadge,
+  APICLIBadge,
   BestPracticesBadge,
   DistributionBadge,
   EnterpriseStoreBadge,

diff --git a/src/components/ModuleIcons/CloudIcon.js b/src/components/ModuleIcons/CloudIcon.js
@@ -0,0 +1,18 @@
+// BuildIcon.jsx
+import React from "react";
+
+const CloudIcon = () => (
+  <svg viewBox="0 0 512.001 512.001" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M344.381,143.771C254.765,56.017,102.37,103.776,79.825,227.7c-31.849,4.598-59.138,25.445-72.018,55.076
+			c-0.016,0.035-0.032,0.07-0.047,0.107c-26.687,61.602,18.784,130.232,85.51,130.232h282.267
+			c75.246,0,136.463-61.216,136.463-136.462C512,189.241,430.314,123.682,344.381,143.771z M375.537,381.12H93.271
+			c-69.246,0-84.534-98.263-18.714-119.456c14.753-4.65,43.01-7.348,74.38,21.892c6.464,6.024,16.586,5.667,22.61-0.794
+			c6.024-6.464,5.668-16.586-0.794-22.61c-17.93-16.712-38.071-27.33-58.484-31.453c22.034-99.077,147.374-131.851,215.247-56.305
+			c4.189,4.661,10.714,6.451,16.693,4.57c67.272-21.117,135.795,29.374,135.795,99.69
+			C480.005,334.256,433.141,381.12,375.537,381.12z"
+    />
+  </svg>
+);
+
+export default CloudIcon;
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -995,3 +995,31 @@ html[data-theme="dark"] .module-badge {
 .module-badge svg > path {
   fill: var(--ifm-color-primary);
 }
+
+/* Cloud Badge Styles */
+.module-badge-cloud {
+  background: linear-gradient(145deg, #f0f8ff, #d1e7ff);
+  border: 0.5px solid #d1e7ff;
+  color: #007bb5;
+}
+
+/* Dark theme for Cloud Badge */
+html[data-theme="dark"] .module-badge-cloud {
+  border: 1px solid #005a85;
+  background: linear-gradient(145deg, #00263e, #001f31);
+  color: #99d3ff;
+}
+
+/* Self-Hosted Badge Styles */
+.module-badge-self-hosted {
+  background: linear-gradient(145deg, #fff7e6, #ffe6b3);
+  border: 0.5px solid #ffe6b3;
+  color: #bf7200;
+}
+
+/* Dark theme for Self-Hosted Badge */
+html[data-theme="dark"] .module-badge-self-hosted {
+  border: 1px solid #805000;
+  background: linear-gradient(145deg, #402800, #2b1a00);
+  color: #ffd27f;
+}