I'm hoping to create a new pipeline that triggers when there is a PR to the "main" branch, and it builds the branch in the PR to see if there are any build issues before we merge it with the "main" branch. I believe the name for this is Build Validation, but I'm stuck with creating the pipeline. Or is this right and I need to handle this with settings in the build validation setup?
I tried to update the YAML so it only runs when a PR is created, I think that part is okay. But I can't seem to figure out how to cancel the deployment part. The changes I make keep breaking in the build process of my existing normal pipeline.
name: Azure Static Web Apps CI/CD
pr:
branches:
include:
- main
trigger: none
jobs:
- job: build_and_deploy_job
displayName: Build and Deploy Job
condition: or(eq(variables['Build.Reason'], 'Manual'),or(eq(variables['Build.Reason'], 'PullRequest'),eq(variables['Build.Reason'], 'IndividualCI')))
pool:
vmImage: ubuntu-latest
variables:
- group: Azure-Static-Web-Apps
steps:
- checkout: self
submodules: true
- task: AzureStaticWebApp@0
inputs:
azure_static_web_apps_api_token: $(AZURE_STATIC_WEB_APPS)
###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
# For more information regarding Static Web App workflow configurations, please visit:
https://aka.ms/swaworkflowconfig
api_location: "" # Api source code path - optional
output_location: "" # Built app content directory - optional
env:
NEXT_PUBLIC_OPENAI_KEY: $(NEXT_PUBLIC_OPENAI_KEY)
###### End of Repository/Build Configurations ######
![https://i.stack.imgur.com/ppIAv.png /> tsconfig { "compilerOptions": { "baseUrl": ".", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": false, "strict": true, "noEmit": true, "target": "ES2015", "esModuleInterop": true, "module": "esnext", "strictPropertyInitialization": true, "noUnusedLocals": true, "noUnusedParameters": true, "preserveConstEnums": true, "sourceMap": true, "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "noImplicitAny": false, "plugins": [ { "name": "next" } ], "paths": { "@/layouts/*": ["./layouts/*"], "@/complex/*": ["./components/complex/*"], "@/parts/*": ["./components/parts/*"], "@/inputs/*": ["./components/inputs/*"], "@/forms/*": ["./components/forms/*"], "@/hooks/*": ["./hooks/*"], "@/skeletons/*": ["./components/skeletons/*"], "@/utils/*": ["./utils/*"], "@/middlewares/*": ["./middlewares/*"], "@/providers/*": ["./providers/*"], "@/types/*": ["./types/*"], "@/apiTypes/*": ["./app/api/_types/*"], "@/yupSchema/*": ["./yupSchema/*"], "@/apiYupSchema/*": ["./app/api/_yupSchema/*"], "@/dbPrisma": ["./utils/db.ts"], "@/formsInitialValues/*": ["./formsInitialValues/*"], "@/wretch": ["./utils/wretch"] } }, "include": ["next-env.d.ts", "types/**/*.ts", "app/_types/**/*.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } eslintrc.json { "env": { "browser": true, "es2021": true, "jest": true }, "extends": [ "airbnb", "airbnb-typescript", "eslint:recommended", "plugin:import/typescript", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended", "plugin:@tanstack/eslint-plugin-query/recommended" ], "globals": { "__dirname": true }, "parser": "@typescript-eslint/parser", "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": "latest", "sourceType": "module", "project": "./tsconfig.json" }, "plugins": [ "react", "react-hooks", "@typescript-eslint", "prettier", "@kalimahapps/eslint-plugin-tailwind" ], "rules": { "react/react-in-jsx-scope": ["off"], "no-unused-vars": ["off"], "react/jsx-uses-react": ["off"], "react/jsx-props-no-spreading": ["off"], "react/function-component-definition": ["off"], "react/no-unescaped-entities": ["off"], "react-hooks/rules-of-hooks": ["error"], "react-hooks/exhaustive-deps": ["warn"], "react/no-array-index-key": ["off"], "arrow-body-style": ["error", "as-needed"], "import/extensions": ["off"], "import/prefer-default-export": ["off"], "import/no-extraneous-dependencies": ["off"], "@kalimahapps/tailwind/sort": ["warn"], "@kalimahapps/tailwind/multiline": ["warn"], "@typescript-eslint/no-throw-literal": ["off"], "jsx-a11y/click-events-have-key-events": ["off"], "jsx-a11y/no-static-element-interactions": ["off"], "no-return-await": ["off"], "@typescript-eslint/return-await": ["off"], "react/button-has-type": [ "off", { "button": true, "submit": true, "reset": true } ], "padding-line-between-statements": [ "error", { "blankLine": "always", "prev": "*", "next": "return" } ] } } P.S. It's only happend when personal is array, but the error with function parameter check persist anyway. When i do this, and testing, typescript sugges ok, but not error on function parameter personal: { label: string; name: keyof TApiResponseProfile; value: string; activeEdit: boolean; onActionButtonClick: (testing: string) => void; }; Can you guys/girls cam check if tsconfig or eslint have some bug? Ty alot for your time](https://i.stack.imgur.com/ppIAv.png<br){kind=link}