@tanstack/cta-ui-base 0.32.3 → 0.33.0

package/dist/components/sidebar-items/add-ons.js

@@ -19,7 +19,12 @@ export default function SelectedAddOns() {
     const addOnOptions = useProjectOptions((state) => state.addOnOptions);
     const sortedAddOns = useMemo(() => {
         return availableAddOns.sort((a, b) => {
-            return a.name.localeCompare(b.name);
+            const aPriority = a.priority ?? 0;
+            const bPriority = b.priority ?? 0;
+            if (bPriority !== aPriority) {
+                return bPriority - aPriority; // Higher priority first
+            }
+            return a.name.localeCompare(b.name); // Fallback to alphabetical
         });
     }, [availableAddOns]);
     const [infoAddOn, setInfoAddOn] = useState();

package/package.json

@@ -37,7 +37,7 @@
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.0.2",
     "zustand": "^5.0.3",
-    "@tanstack/cta-engine": "0.32.3"
+    "@tanstack/cta-engine": "0.33.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.8",
@@ -46,6 +46,6 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.4"
   },
-  "version": "0.32.3",
+  "version": "0.33.0",
   "scripts": {}
 }

package/src/components/sidebar-items/add-ons.tsx

@@ -27,7 +27,12 @@ export default function SelectedAddOns() {
 
   const sortedAddOns = useMemo(() => {
     return availableAddOns.sort((a, b) => {
-      return a.name.localeCompare(b.name)
+      const aPriority = a.priority ?? 0
+      const bPriority = b.priority ?? 0
+      if (bPriority !== aPriority) {
+        return bPriority - aPriority // Higher priority first
+      }
+      return a.name.localeCompare(b.name) // Fallback to alphabetical
     })
   }, [availableAddOns])
 

package/src/types.d.ts

@@ -1,4 +1,8 @@
-import type { StatusStepType, AddOnOption, AddOnOptions } from '@tanstack/cta-engine'
+import type {
+  StatusStepType,
+  AddOnOption,
+  AddOnOptions,
+} from '@tanstack/cta-engine'
 
 export type ApplicationMode = 'add' | 'setup' | 'none'
 
@@ -35,6 +39,7 @@ export type AddOnInfo = {
   type: 'add-on' | 'example' | 'starter' | 'toolchain' | 'host'
   modes: Array<string>
   smallLogo?: string
+  priority?: number
   logo?: string
   link: string
   dependsOn?: Array<string>