{"id":77559,"date":"2024-09-22T03:32:44","date_gmt":"2024-09-22T00:02:44","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/eslint-code-insights-from-bitbucket-pipelines-5dgo\/"},"modified":"2024-09-22T03:32:44","modified_gmt":"2024-09-22T00:02:44","slug":"eslint-code-insights-from-bitbucket-pipelines-5dgo","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/eslint-code-insights-from-bitbucket-pipelines-5dgo\/","title":{"rendered":"\u0628\u06cc\u0646\u0634 \u06a9\u062f Eslint \u0627\u0632 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 Bitbucket"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0646\u062d\u0648\u0647 \u0627\u062f\u063a\u0627\u0645 \u0646\u062a\u0627\u06cc\u062c ESLint \u0631\u0627 \u0628\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u06a9\u0634\u0634\u06cc Bitbucket \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Pipelines Bitbucket \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f. \u0634\u0645\u0627 \u06cc\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06af\u0631\u0641\u062a \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06af\u0632\u0627\u0631\u0634 \u0647\u0627\u06cc ESLint \u0631\u0627 \u062f\u0631 \u0642\u0627\u0644\u0628 JSON \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u06cc\u062f\u060c \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062d\u0627\u0634\u06cc\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Bitbucket Reports and Annotations API \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0648 \u062e\u0637 \u0644\u0648\u0644\u0647 Bitbucket \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 ESLint \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u06af\u0632\u0627\u0631\u0634 ESLint \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a JSON \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n

\u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f ESLint \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u0648 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u0628\u0627 \u0641\u0631\u0645\u062a JSON \u062e\u0631\u0648\u062c\u06cc \u0628\u06af\u06cc\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0628\u0639\u062f\u0627\u064b \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06af\u0632\u0627\u0631\u0634 \u0648 \u062d\u0627\u0634\u06cc\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n

\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f -f \u0648 -o \u0627\u0631\u06af \u0628\u0647 \u0634\u0645\u0627 eslint \u0641\u0631\u0645\u0627\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644:<\/p>\n

eslint . –ext .ts -f json -o eslint-report.json<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u06af\u0632\u0627\u0631\u0634 ESLint \u0648 \u062d\u0627\u0634\u06cc\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0631\u0627 \u0628\u0647 Bitbucket \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0633\u062a\u0642\u06cc\u0645 \u06cc\u0627\u0641\u062a\u0647\u200c\u0647\u0627\u06cc ESLint \u062f\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u06a9\u0634\u0634\u06cc\u060c \u0627\u0632 API \u06af\u0632\u0627\u0631\u0634 Bitbucket \u0648 Annotations API \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/p>\n

\u06af\u0632\u0627\u0631\u0634 ESLint JSON \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.
\n\u06af\u0632\u0627\u0631\u0634\u06cc \u0628\u0627 \u062a\u0639\u062f\u0627\u062f \u06a9\u0644 \u062e\u0637\u0627\u0647\u0627 \u0648 \u0647\u0634\u062f\u0627\u0631\u0647\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.
\n\u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627\u06cc \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u067e\u06cc\u0627\u0645 \u0647\u0627\u06cc ESLint \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n

const fs = require(‘fs’)
\nconst path = require(‘path’)
\nconst util = require(‘util’)<\/p>\n

\/\/ External ID must be unique per report on a commit
\nconst EXTERNAL_ID = ‘com.yorcompany.reports.eslint’
\nconst BB_USER = ‘YOUR_USER’
\nconst BB_REPO = ‘YOUR_REPO’
\nconst BB_URL = ‘https:\/\/api.bitbucket.org\/2.0’
\n\/\/ This is available by default in the pipeline.
\nconst COMMIT = process.env.BITBUCKET_COMMIT
\n\/\/ For this to be availble you need to create an access token with read access to the repo
\n\/\/ and set it an environment variable in the pipeline.
\nconst TOKEN = process.env.BITBUCKET_TOKEN<\/p>\n

\/\/ Map ESLint severities to Bitbucket report severities
\nconst severities = {
\n 0: ‘LOW’,
\n 1: ‘MEDIUM’,
\n 2: ‘HIGH’
\n}<\/p>\n

\/\/ Read the ESLint JSON report
\nconst data = await util.promisify(fs.readFile)(path.join(process.cwd(), ‘eslint-report.json’), ‘utf8’)
\n .catch(err => {
\n console.error(‘Error reading eslint-report.json:’, err)
\n throw err
\n })<\/p>\n

const eslintOutput = JSON.parse(data)
\nlet totalErrorCount = 0
\nlet totalWarningCount = 0
\nconst annotations = []\nlet i = 1<\/p>\n

eslintOutput.forEach(file => {
\n totalErrorCount += file.errorCount
\n totalWarningCount += file.warningCount<\/p>\n

const relativePath = path.relative(process.cwd(), file.filePath)<\/p>\n

file.messages.forEach(message => {
\n annotations.push({
\n external_id: `${EXTERNAL_ID}.${COMMIT}.${i++}`,
\n path: relativePath,
\n annotation_type: ‘CODE_SMELL’,
\n summary: message.message,
\n line: message.line,
\n severity: severities[message.severity]\n })
\n })
\n})<\/p>\n

\/\/ Prepare the report
\nconst report = {
\n title: ‘ESLint Report’,
\n details: ‘Results from ESLint analysis’,
\n report_type: ‘TEST’,
\n logoUrl: ‘https:\/\/eslint.org\/img\/logo.svg’,
\n data: [
\n {
\n title: ‘Error Count’,
\n type: ‘NUMBER’,
\n value: totalErrorCount
\n },
\n {
\n title: ‘Warning Count’,
\n type: ‘NUMBER’,
\n value: totalWarningCount
\n }
\n ]\n}<\/p>\n

try {
\n \/\/ Post the report to Bitbucket
\n const reportUrl = `${BB_URL}\/repositories\/${BB_USER}\/${BB_REPO}\/commit\/${COMMIT}\/reports\/${EXTERNAL_ID}`
\n let response = await fetch(reportUrl, {
\n method: ‘PUT’,
\n body: JSON.stringify(report),
\n headers: {
\n ‘Content-Type’: ‘application\/json’,
\n ‘Accept’: ‘application\/json’,
\n ‘Authorization’: `Bearer ${TOKEN}`
\n }
\n })<\/p>\n

if (!response.ok) {
\n console.error(await response.text())
\n throw new Error(`Error posting report: ${response.statusText}`)
\n }<\/p>\n

console.log(‘Report posted successfully!’)
\n console.log(await response.json())<\/p>\n

\/\/ Post annotations if any
\n if (annotations.length > 0) {
\n const annotationsUrl = `${BB_URL}\/repositories\/${BB_USER}\/${BB_REPO}\/commit\/${COMMIT}\/reports\/${EXTERNAL_ID}\/annotations`
\n response = await fetch(annotationsUrl, {
\n method: ‘POST’,
\n body: JSON.stringify(annotations),
\n headers: {
\n ‘Content-Type’: ‘application\/json’,
\n ‘Accept’: ‘application\/json’,
\n ‘Authorization’: `Bearer ${TOKEN}`
\n }
\n })<\/p>\n

if (!response.ok) {
\n console.error(await response.text())
\n throw new Error(`Error posting annotations: ${response.statusText}`)
\n }<\/p>\n

console.log(‘Annotations posted successfully!’)
\n console.log(await response.json())
\n }<\/p>\n

} catch (error) {
\n console.error(‘Error posting insights:’, error.response ? error.response.data : error.message)
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Bitbucket Pipeline \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n

\u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0628\u062e\u0634\u06cc \u0627\u0632 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 CI\/CD \u062e\u0648\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u062e\u0637 \u0644\u0648\u0644\u0647 Bitbucket \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc ESLint\u060c \u062a\u0648\u0644\u06cc\u062f \u06af\u0632\u0627\u0631\u0634 JSON \u0648 \u0627\u0631\u0633\u0627\u0644 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0632\u06cc\u0631 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0633\u062a bitbucket-pipelines.yml \u0641\u0627\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639:<\/p>\n

image: node:18.13.0<\/p>\n

pipelines:
\n default:
\n – step:
\n name: ESLint
\n caches:
\n – node
\n script:
\n – npm install
\n – npx eslint . –ext .ts -f json -o eslint-report.json # Run ESLint and save the report
\n after-script:
\n – node post-eslint-results.js # Post results to Bitbucket
\n artifacts:
\n – eslint-report.json<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f<\/p>\n

\u06af\u0632\u0627\u0631\u0634 \u0628\u0647 Bitbucket \u062f\u0631 \u067e\u0633\u062a \u0634\u062f\u0647 \u0627\u0633\u062a after-script \u0632\u06cc\u0631\u0627 \u0628\u0639\u062f\u06cc script\u0627\u06af\u0631 eslint \u06a9\u062f \u062e\u0631\u0648\u062c \u063a\u06cc\u0631 0 \u0631\u0627 \u0628\u0631\u06af\u0631\u062f\u0627\u0646\u062f (\u0627\u06af\u0631 ESLint \u062e\u0637\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f)\u060c s \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0646\u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n

\n

\u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0646\u062d\u0648\u0647 \u0627\u062f\u063a\u0627\u0645 \u0646\u062a\u0627\u06cc\u062c ESLint \u0631\u0627 \u0628\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u06a9\u0634\u0634\u06cc Bitbucket \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Pipelines Bitbucket \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f. \u0634\u0645\u0627 \u06cc\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06af\u0631\u0641\u062a \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06af\u0632\u0627\u0631\u0634 \u0647\u0627\u06cc ESLint \u0631\u0627 \u062f\u0631 \u0642\u0627\u0644\u0628 JSON \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u06cc\u062f\u060c \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062d\u0627\u0634\u06cc\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Bitbucket Reports and Annotations API \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0648 \u062e\u0637 \u0644\u0648\u0644\u0647 Bitbucket \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 ESLint \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n