refactor: add RELEASE_TYPE_OPTIONS

Author: cryptodev-2s

src/ui/App.tsx

@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
 import { SemVer } from 'semver';
 import { ErrorMessage } from './ErrorMessage.js';
 import { PackageItem } from './PackageItem.js';
-import { Package, ReleaseType } from './types.js';
+import { Package, RELEASE_TYPE_OPTIONS, ReleaseType } from './types.js';
 
 type SubmitButtonProps = {
   selections: Record<string, string>;
@@ -306,13 +306,13 @@ function App() {
           <span className="mr-2">
             Bulk action for {selectedPackages.size} packages:
           </span>
-          {['major', 'minor', 'patch', 'intentionally-skip'].map((action) => (
+          {RELEASE_TYPE_OPTIONS.map(({ label, value }) => (
             <button
-              key={action}
-              onClick={() => handleBulkAction(action as ReleaseType)}
+              key={value}
+              onClick={() => handleBulkAction(value as ReleaseType)}
               className="mr-2 px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600"
             >
-              {action}
+              {label}
             </button>
           ))}
         </div>

src/ui/VersionSelector.tsx

@@ -1,4 +1,4 @@
-import { ReleaseType } from './types.js';
+import { RELEASE_TYPE_OPTIONS, ReleaseType } from './types.js';
 
 type VersionSelectorProps = {
   packageName: string;
@@ -27,10 +27,11 @@ export function VersionSelector({
         className="border rounded px-2 py-1"
       >
         <option value="">Select version bump</option>
-        <option value="major">Major</option>
-        <option value="minor">Minor</option>
-        <option value="patch">Patch</option>
-        <option value="intentionally-skip">Skip</option>
+        {RELEASE_TYPE_OPTIONS.map(({ label, value }) => (
+          <option key={value} value={value}>
+            {label}
+          </option>
+        ))}
         <option value="custom">Custom Version</option>
         {selection &&
           ![

src/ui/types.ts

@@ -10,3 +10,10 @@ export type Package = {
   name: string;
   version: string;
 };
+
+export const RELEASE_TYPE_OPTIONS = [
+  { label: 'Major', value: 'major' },
+  { label: 'Minor', value: 'minor' },
+  { label: 'Patch', value: 'patch' },
+  { label: 'Skip', value: 'intentionally-skip' },
+] as const;