"Typography is two-dimensional architecture, based on experience and imagination, and guided by rules and readability." — Hermann Zapf

align

💼 This rule is enabled in the following configs: 🌐 all, ✅ recommended.

🔧 This rule is automatically fixable by the --fix CLI option.

📖 Rule details

While traditionalists might find the idea of center or right-aligned code unconventional, many innovations in software development were once deemed unorthodox. It's important to keep an open mind, recognizing that seemingly aesthetic choices can have deeper implications for cognition, creativity, and code readability. For developers accustomed to right-aligned languages like Arabic or Hebrew, this alignment might feel more intuitive, bridging the gap between natural linguistic processing and coding.

💡 Examples

Center

   // ✅ Correct
     if (a) {
      b = c;
function foo(d) {
      e = f;
        }
        }

Right

     // ✅ Correct
         if (a) {
           b = c;
function foo(d) {
           e = f;
                }
                }

Left

// ✅ Correct
if (a) {
b = c;
function foo(d) {
e = f;
}
}

RTL Indent

       // ✅ Correct
           if (a) {
           b = c;
function foo(d) {
         e = f;
                }
                  }

LTR Indent

// ✅ Correct
if (a) {
  b = c;
  function foo(d) {
    e = f;
  }
}

⚙️ Options

side

_{(default: 'center')}

• left
• center
• rigth
• rtlIndent
• ltrIndent

🔧 Config

{ rules: { 'ninja/align': [2, { side: 'center' }] } }

🔗 See also

• justify2

🧑‍💻 Demo