A sublime project file for React code

react.sublime-project

{
  "folders": [
    {
      "file_exclude_patterns": [
        ".gitkeep",
        "*.min.*",
        "*.ts.snap",
        "*lock*"
      ],
      "folder_exclude_patterns": [
        ".cache",
        ".next",
        "dist",
        "node_modules"
      ],
      "path": "."
    }
  ],
  "build_systems": [
    {
      "name": "Project - Build",
      "working_dir": "$project_path",
      "shell_cmd": "npm run build"
    },
    {
      "name": "Project - Test",
      "working_dir": "$project_path",
      "shell_cmd": "npm run test"
    },
    {
      "name": "Project - Open Test",
      "working_dir": "$project_path",
      "shell_cmd": "find tests -print | grep $file_base_name.spec | sed -n 1p | xargs subl"
    },
    {
      "name": "Project - Test Snapshots",
      "working_dir": "$project_path",
      "shell_cmd": "npm run test:snapshots"
    },
    {
      "name": "Project - Test File",
      "working_dir": "$project_path",
      "shell_cmd": "npm run test -- $file_base_name.spec"
    },
    {
      "name": "Project - Test File Snapshot",
      "working_dir": "$project_path",
      "shell_cmd": "npm run test:snapshots -- $file_base_name.spec"
    }
  ],
  "settings": {
    "tab_size": 2,
    "translate_tabs_to_spaces": true,
    "jsdocs_return_tag": "@return"
  },
  "syntax_override": {
    "\\.env.*$": ["ShellScript", "Shell-Unix-Generic"],
    "\\.*rc$": [
      "JSON",
      "JSON"
    ],
    "\\.p?css$": [
      "Syntax Highlighting for PostCSS",
      "Syntaxes",
      "PostCSS"
    ],
    "\\.[j|t]s$": [
      "TypeScript Syntax",
      "TypeScript"
    ],
    "\\.ts.snap$": [
      "TypeScript Syntax",
      "TypeScript"
    ]
  }
}