@atlaskit/eslint-plugin-design-system/dist/es2019/rules/no-icon-spacing-prop/upsert-css-map-variable.js

The essential plugin for use with the Atlassian Design System.

import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
import { getCssMapKey } from './get-css-map-key';
const CSSMAP_VARIABLE_NAME = 'iconSpacingStyles';

/**
 * Inserts or updates `const iconSpacingStyles = cssMap({ spaceXXX: { padding: token('space.XXX') } })`
 * after the last import statement.
 *
 * If `iconSpacingStyles` already exists, adds the new key to the existing cssMap object.
 * If it doesn't exist, inserts a new declaration after the last import.
 */
export function upsertCssMapVariable(context, fixer, paddingToken) {
  const sourceCode = getSourceCode(context);
  const body = sourceCode.ast.body;
  const key = getCssMapKey(paddingToken);
  const keyValuePair = `  ${key}: { paddingBlock: token('${paddingToken}'), paddingInline: token('${paddingToken}') }`;

  // Check if iconSpacingStyles cssMap variable already exists
  const existingVar = body.find(node => {
    var _node$declarations$, _node$declarations$0$;
    return node.type === 'VariableDeclaration' && ((_node$declarations$ = node.declarations[0]) === null || _node$declarations$ === void 0 ? void 0 : _node$declarations$.type) === 'VariableDeclarator' && ((_node$declarations$0$ = node.declarations[0].id) === null || _node$declarations$0$ === void 0 ? void 0 : _node$declarations$0$.name) === CSSMAP_VARIABLE_NAME;
  });
  if (existingVar) {
    // Check if the key already exists in the cssMap
    const varText = sourceCode.getText(existingVar);
    if (varText.includes(key + ':') || varText.includes(`'${key}'`)) {
      return undefined;
    }
    // Add the key to the existing cssMap — insert before the closing }
    const closingBrace = sourceCode.getText(existingVar).lastIndexOf('}');
    const existingVarStart = existingVar.range[0];
    return fixer.insertTextAfterRange([existingVarStart, existingVarStart + closingBrace], `,\n${keyValuePair}\n`);
  }

  // Find last import to insert after it
  const lastImport = [...body].reverse().find(n => n.type === 'ImportDeclaration');
  const declaration = `\nconst ${CSSMAP_VARIABLE_NAME} = cssMap({\n${keyValuePair},\n});`;
  if (lastImport) {
    return fixer.insertTextAfter(lastImport, declaration);
  }

  // No imports — insert at the start of the file
  const firstNode = body[0];
  if (firstNode) {
    return fixer.insertTextBefore(firstNode, declaration);
  }
  return undefined;
}