2.4 Mobile development

Er is bijzonder weinig verschil tussen de installatie van de linting en formatting tools voor mobile development en frontend frameworks.

Vertrekkende van de configuratie voor frontend frameworks, moeten we twee dingen toevoegen:

1. In les 4 gebruiken we Drizzle om de database te beheren. Aangezien de migraties in JavaScript geschreven worden, voegen we de ./drizzle map toe aan de ignores array zodat deze code niet gelint wordt.
2. Alhoewel de mappen met de native code (./android en ./ios) normaal gezien geen JavaScript code bevatten, voegen we deze mappen voor de zekerheid toch toe aan de ignores lijst.
3. De configuratiebestanden van Expo worden in javascript geschreven en worden daarom ook toegevoegd aan de ignores array.

/biome.json

{
  "$schema": "https://biomejs.dev/schemas/2.6.6/schema.json",
  "vcs": {
    "enabled": true,
    "clientKind": "git",
    "useIgnoreFile": true
  },
  "files": {
    "ignoreUnknown": false,
    "includes": ["**", "!./android", "!./ios", "!./web", "!./drizzle"]
  },
  "formatter": {
    "enabled": true,
    "indentStyle": "space",
    "indentWidth": 2,
    "lineEnding": "lf",
    "lineWidth": 120,
    "attributePosition": "auto",
    "expand": "auto"
  },
  "linter": {
    "enabled": true,
    "rules": {
      "preset": "recommended",
      "suspicious": {
        "noAlert": "error",
        "noConsole": {
          "level": "error",
          "options": {
            "allow": ["error", "warn"]
          }
        }
      },
      "style": {
        "useImportType": "error",
        "noNonNullAssertion": "off"
      },
      "correctness": {
        "noUnusedFunctionParameters": "error",
        "noUnusedVariables": "error"
      }
    }
  },
  "javascript": {
    "formatter": {
      "quoteProperties": "asNeeded",
      "trailingCommas": "all",
      "semicolons": "asNeeded",
      "arrowParentheses": "asNeeded",
      "bracketSameLine": false,
      "quoteStyle": "single",
      "attributePosition": "auto",
      "bracketSpacing": false
    }
  },
  "html": {
    "formatter": {
      "selfCloseVoidElements": "always"
    }
  },
  "assist": {
    "enabled": true,
    "actions": {
      "source": {
        "organizeImports": "on"
      }
    }
  },
  "css": {
    "parser": {
      "tailwindDirectives": true
    }
  }
}