feat:template develop dryrun deploy

[zjy365]

🤖 Generated by Copilot at 69b732a

Summary

🚀🛠️🌐

This pull request adds a new feature to the frontend of the sealos template provider, which allows users to perform dry run deployments of their templates. It modifies the applyApp API endpoint, the postDeployApp function, the kubernetes.ts service, and the Develop and BreadCrumbHeader components to support this feature. It also adds the corresponding button text to the common.json files for the English and Chinese locales. Additionally, it fixes some minor formatting and UI issues in the Form and EditApp components.

If you want to deploy an app with YAML
But you're not sure if it will go well
You can use dryRun mode
To test the code
And avoid any cluster mishap or hell

Walkthrough

• Add a new feature to allow users to test the deployment of a template without applying it to the cluster (dryrun deploy) (link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Add a new type parameter to the postDeployApp function in frontend/providers/template/src/api/app.ts to indicate the mode of deployment ('create', 'replace', or 'dryrun') (link)
• Add a new type property to the request body of the handler function in frontend/providers/template/public/locales/en/common.json to pass the mode of deployment to the backend service (link)
• Pass the type property from the request body to the applyYamlList function in frontend/providers/template/src/services/backend/kubernetes.ts, which handles the actual deployment logic (link)
• Add a new possible value 'dryrun' to the type parameter of the applyYamlList function in frontend/providers/template/src/services/backend/kubernetes.ts, which calls the CreateYaml function with the 'All' value for the dryRun parameter if the type is 'dryrun' (link, link)
• Add a new optional parameter dryRun to the CreateYaml function in frontend/providers/template/src/services/backend/kubernetes.ts, which can be either 'All' or undefined, and pass it to the client.create method, which handles the actual API call to the cluster (link, link)
• Add a new key-value pair to the common.json files for the English and Chinese locales, with the key "Dryrun Deploy" and the corresponding values, to display a button text for the dryrun deploy feature (link, link)
• Add a new import for the editModeMap constant from the constants/editApp file, and a new applyCb prop to the BreadCrumbHeader component in frontend/providers/template/src/pages/develop/components/BreadCrumbHeader.tsx, which is a callback function for the dryrun deploy feature (link)
• Add a new Button component to the BreadCrumbHeader component in frontend/providers/template/src/pages/develop/components/BreadCrumbHeader.tsx, with the text "Dryrun Deploy" and the applyCb prop function as the onClick handler (link)
• Add new state variables for the loading, errorMessage, title, applyBtnText, applyMessage, applySuccess, and applyError to the Develop component in frontend/providers/template/src/pages/develop/index.tsx, which are used for the dryrun deploy feature and the error handling logic (link)
• Add a new submitSuccess function that calls the postDeployApp function with the 'dryrun' mode and displays a toast message with the result, and a new submitError function that displays a toast message with the error message from the form validation, to the Develop component in frontend/providers/template/src/pages/develop/index.tsx, and pass them to the formHook.handleSubmit method as callbacks (link)
• Add the applyCb prop to the BreadCrumbHeader component and pass the formHook.handleSubmit method with the submitSuccess and submitError callbacks, to the Develop component in frontend/providers/template/src/pages/develop/index.tsx, to trigger the dryrun deploy feature when the button is clicked (link)
• Add the Loading component and the ErrorModal component to the render output of the Develop component in frontend/providers/template/src/pages/develop/index.tsx, to show the loading state and the error message when the dryrun deploy feature is executed (link)
• Remove some extra spaces at the end of some properties of some components in various files, which are minor formatting changes that do not affect the functionality (link, link, link, link, link, link, link, link, link, link)
• Remove the autoFocus property of the Input component in the Form component of frontend/providers/template/src/pages/develop/components/Form.tsx, which is a minor UI change that prevents the input from automatically getting focus when the form is rendered (link)
• Remove the explicit export of the Develop component from frontend/providers/template/src/pages/develop/index.tsx, which is a minor code simplification as the component is already the default export function (link)
• Remove the unused import for the t function from i18next and the Header component from various files, which are minor code cleanups that reduce the unnecessary dependencies (link, link)

[sealos-ci-robot]

🤖 Generated by lychee action

Summary

Status	Count
🔍 Total	909
✅ Successful	372
⏳ Timeouts	0
🔀 Redirected	0
👻 Excluded	536
❓ Unknown	0
🚫 Errors	0

Full action output

Full Github Actions output

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (7780d42) 66.71% compared to head (69b732a) 66.71%.
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #3778   +/-   ##
=======================================
  Coverage   66.71%   66.71%           
=======================================
  Files           8        8           
  Lines         661      661           
=======================================
  Hits          441      441           
  Misses        173      173           
  Partials       47       47           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.