@tanstack/cta-ui-base 0.35.0 → 0.36.2

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

@@ -4,21 +4,21 @@ import { InfoIcon, SettingsIcon } from 'lucide-react';
 import { Switch } from '../ui/switch';
 import { Label } from '../ui/label';
 import { Button } from '../ui/button';
-import { useAddOns, useProjectOptions, useShowHostingOptions, } from '../../store/project';
+import { useAddOns, useProjectOptions, useShowDeploymentOptions, } from '../../store/project';
 import ImportCustomAddOn from '../custom-add-on-dialog';
 import AddOnInfoDialog from '../add-on-info-dialog';
 import AddOnConfigDialog from '../add-on-config-dialog';
 const addOnTypeLabels = {
     toolchain: 'Toolchain',
     'add-on': 'Add-on',
-    host: 'Hosting Provider',
+    deployment: 'Deployment Adapter',
     example: 'Example',
 };
 export default function SelectedAddOns() {
-    const showHostingOptions = useShowHostingOptions();
+    const showDeploymentOptions = useShowDeploymentOptions();
     const { availableAddOns, addOnState, toggleAddOn, setAddOnOption } = useAddOns();
     const addOnOptions = useProjectOptions((state) => state.addOnOptions);
-    console.log('showHostingOptions', showHostingOptions);
+    console.log('showDeploymentOptions', showDeploymentOptions);
     const sortedAddOns = useMemo(() => {
         return availableAddOns.sort((a, b) => {
             const aPriority = a.priority ?? 0;
@@ -36,7 +36,7 @@ export default function SelectedAddOns() {
                         setAddOnOption(configAddOn.id, optionName, value);
                     }
                 }, onClose: () => setConfigAddOn(undefined), disabled: configAddOn ? !addOnState[configAddOn.id]?.enabled : false }), _jsx("div", { className: "max-h-[60vh] overflow-y-auto space-y-2", children: Object.keys(addOnTypeLabels)
-                    .filter((type) => (showHostingOptions ? true : type !== 'host'))
+                    .filter((type) => showDeploymentOptions ? true : type !== 'deployment')
                     .map((type) => (_jsx(Fragment, { children: sortedAddOns.filter((addOn) => addOn.type === type).length >
                         0 && (_jsxs("div", { className: "block p-4 bg-gray-500/10 hover:bg-gray-500/20 rounded-lg transition-colors space-y-4 active", children: [_jsx("h3", { className: "font-medium", children: addOnTypeLabels[type] }), _jsx("div", { className: "space-y-3", children: _jsx("div", { className: "flex flex-row flex-wrap", children: sortedAddOns
                                         .filter((addOn) => addOn.type === type)

package/dist/store/add-ons.js

@@ -1,14 +1,14 @@
 export function getAddOnStatus(availableAddOns, chosenAddOns, originalAddOns) {
     const addOnMap = new Map();
     const getAddOnType = (addOn) => availableAddOns.find((a) => a.id === addOn).type;
-    const isMultiSelect = (addOn) => getAddOnType(addOn) === 'host';
+    const isMultiSelect = (addOn) => getAddOnType(addOn) === 'deployment';
     const areAddonsOfThisTypeCurrentlyChosen = (addOn) => chosenAddOns.some((a) => getAddOnType(a) === getAddOnType(addOn));
     for (const addOn of availableAddOns) {
         addOnMap.set(addOn.id, {
             selected: false,
             enabled: true,
             dependedUpon: false,
-            isSingleSelect: addOn.type === 'host' ? addOn.type : undefined,
+            isSingleSelect: addOn.type === 'deployment' ? addOn.type : undefined,
         });
     }
     // Guard against cycles in the dependency graph. The results won't be great. But it won't crash.

package/dist/store/project.d.ts

@@ -13,7 +13,7 @@ export declare const useOriginalOutput: () => any;
 export declare const useOriginalOptions: () => any;
 export declare const useOriginalSelectedAddOns: () => any;
 export declare const useApplicationMode: () => import("../types").ApplicationMode | undefined;
-export declare const useShowHostingOptions: () => boolean | undefined;
+export declare const useShowDeploymentOptions: () => boolean | undefined;
 export declare const useAddOnsByMode: () => Record<string, AddOnInfo[]> | undefined;
 export declare const useSupportedModes: () => Record<string, {
     displayName: string;

package/dist/store/project.js

@@ -33,7 +33,7 @@ export const useOriginalOutput = () => useInitialData().data?.output;
 export const useOriginalOptions = () => useInitialData().data?.options;
 export const useOriginalSelectedAddOns = () => useOriginalOptions()?.chosenAddOns;
 export const useApplicationMode = () => useInitialData().data?.applicationMode;
-export const useShowHostingOptions = () => useInitialData().data?.showHostingOptions;
+export const useShowDeploymentOptions = () => useInitialData().data?.showDeploymentOptions;
 export const useAddOnsByMode = () => useInitialData().data?.addOns;
 export const useSupportedModes = () => useInitialData().data?.supportedModes;
 const useApplicationSettings = create(() => ({

package/package.json

@@ -29,7 +29,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.476.0",
+    "lucide-react": "^0.553.0",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-codemirror-merge": "^4.23.10",
@@ -37,7 +37,7 @@
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.0.2",
     "zustand": "^5.0.3",
-    "@tanstack/cta-engine": "0.35.0"
+    "@tanstack/cta-engine": "0.36.2"
   },
   "devDependencies": {
     "@types/react": "^19.0.8",
@@ -46,6 +46,6 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.4"
   },
-  "version": "0.35.0",
+  "version": "0.36.2",
   "scripts": {}
 }

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

@@ -8,7 +8,7 @@ import { Button } from '../ui/button'
 import {
   useAddOns,
   useProjectOptions,
-  useShowHostingOptions,
+  useShowDeploymentOptions,
 } from '../../store/project'
 
 import ImportCustomAddOn from '../custom-add-on-dialog'
@@ -20,17 +20,17 @@ import type { AddOnInfo } from '../../types'
 const addOnTypeLabels: Record<string, string> = {
   toolchain: 'Toolchain',
   'add-on': 'Add-on',
-  host: 'Hosting Provider',
+  deployment: 'Deployment Adapter',
   example: 'Example',
 }
 
 export default function SelectedAddOns() {
-  const showHostingOptions = useShowHostingOptions()
+  const showDeploymentOptions = useShowDeploymentOptions()
   const { availableAddOns, addOnState, toggleAddOn, setAddOnOption } =
     useAddOns()
   const addOnOptions = useProjectOptions((state) => state.addOnOptions)
 
-  console.log('showHostingOptions', showHostingOptions)
+  console.log('showDeploymentOptions', showDeploymentOptions)
 
   const sortedAddOns = useMemo(() => {
     return availableAddOns.sort((a, b) => {
@@ -65,7 +65,9 @@ export default function SelectedAddOns() {
       />
       <div className="max-h-[60vh] overflow-y-auto space-y-2">
         {Object.keys(addOnTypeLabels)
-          .filter((type) => (showHostingOptions ? true : type !== 'host'))
+          .filter((type) =>
+            showDeploymentOptions ? true : type !== 'deployment',
+          )
           .map((type) => (
             <Fragment key={type}>
               {sortedAddOns.filter((addOn) => addOn.type === type).length >

package/src/store/add-ons.ts

@@ -18,7 +18,7 @@ export function getAddOnStatus(
   const getAddOnType = (addOn: string) =>
     availableAddOns.find((a) => a.id === addOn)!.type
 
-  const isMultiSelect = (addOn: string) => getAddOnType(addOn) === 'host'
+  const isMultiSelect = (addOn: string) => getAddOnType(addOn) === 'deployment'
 
   const areAddonsOfThisTypeCurrentlyChosen = (addOn: string) =>
     chosenAddOns.some((a) => getAddOnType(a) === getAddOnType(addOn))
@@ -28,7 +28,7 @@ export function getAddOnStatus(
       selected: false,
       enabled: true,
       dependedUpon: false,
-      isSingleSelect: addOn.type === 'host' ? addOn.type : undefined,
+      isSingleSelect: addOn.type === 'deployment' ? addOn.type : undefined,
     })
   }
 

package/src/store/project.ts

@@ -48,8 +48,8 @@ export const useOriginalOptions = () => useInitialData().data?.options
 export const useOriginalSelectedAddOns = () =>
   useOriginalOptions()?.chosenAddOns
 export const useApplicationMode = () => useInitialData().data?.applicationMode
-export const useShowHostingOptions = () =>
-  useInitialData().data?.showHostingOptions
+export const useShowDeploymentOptions = () =>
+  useInitialData().data?.showDeploymentOptions
 export const useAddOnsByMode = () => useInitialData().data?.addOns
 export const useSupportedModes = () => useInitialData().data?.supportedModes
 

package/src/types.d.ts

@@ -36,7 +36,7 @@ export type AddOnInfo = {
   id: string
   name: string
   description: string
-  type: 'add-on' | 'example' | 'starter' | 'toolchain' | 'host'
+  type: 'add-on' | 'example' | 'starter' | 'toolchain' | 'deployment'
   modes: Array<string>
   smallLogo?: string
   priority?: number
@@ -89,7 +89,7 @@ export type InitialData = {
   localFiles: Record<string, string>
   addOns: Record<string, Array<AddOnInfo>>
   applicationMode: ApplicationMode
-  showHostingOptions?: boolean
+  showDeploymentOptions?: boolean
   forcedRouterMode?: string
   forcedAddOns?: Array<string>
   registry?: Registry | undefined