Release: January 2021

.eslintignore

@@ -0,0 +1,4 @@
+build
+eslintrc.js
+public
+scripts

.eslintrc.js

@@ -0,0 +1,151 @@
+module.exports = {
+ env: {
+ browser: true,
+ es6: true,
+ node: true,
+ },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:react/recommended',
+ 'plugin:@typescript-eslint/eslint-recommended',
+ ],
+ globals: {
+ Atomics: 'readonly',
+ SharedArrayBuffer: 'readonly',
+ },
+ parser: '@typescript-eslint/parser',
+ parserOptions: {
+ project: 'tsconfig.json',
+ createDefaultProgram: true,
+ ecmaVersion: 6,
+ sourceType: 'module',
+ },
+ plugins: ['react', '@typescript-eslint'],
+ rules: {
+ '@typescript-eslint/adjacent-overload-signatures': 'error',
+ '@typescript-eslint/array-type': 'warn',
+ '@typescript-eslint/ban-types': 'off',
+ '@typescript-eslint/consistent-type-assertions': 'error',
+ '@typescript-eslint/consistent-type-definitions': 'error',
+ '@typescript-eslint/explicit-member-accessibility': [
+ 'off',
+ {
+ accessibility: 'explicit',
+ },
+ ],
+ '@typescript-eslint/indent': 'off',
+ '@typescript-eslint/interface-name-prefix': 'off',
+ '@typescript-eslint/member-delimiter-style': [
+ 'off',
+ {
+ multiline: {
+ delimiter: 'none',
+ requireLast: true,
+ },
+ singleline: {
+ delimiter: 'semi',
+ requireLast: false,
+ },
+ },
+ ],
+ '@typescript-eslint/member-ordering': 'off',
+ '@typescript-eslint/no-empty-function': 'error',
+ '@typescript-eslint/no-empty-interface': 'error',
+ '@typescript-eslint/no-explicit-any': 'off',
+ '@typescript-eslint/no-misused-new': 'error',
+ '@typescript-eslint/no-namespace': 'off',
+ '@typescript-eslint/no-parameter-properties': 'off',
+ '@typescript-eslint/no-unused-expressions': [
+ 'error',
+ {
+ allowShortCircuit: true,
+ },
+ ],
+ '@typescript-eslint/no-unused-vars': [
+ 'warn',
+ {
+ args: 'after-used',
+ argsIgnorePattern: '^_',
+ ignoreRestSiblings: false,
+ vars: 'all',
+ },
+ ],
+ '@typescript-eslint/no-use-before-define': 'off',
+ '@typescript-eslint/no-var-requires': 'off',
+ '@typescript-eslint/prefer-for-of': 'error',
+ '@typescript-eslint/prefer-function-type': 'off',
+ '@typescript-eslint/prefer-namespace-keyword': 'error',
+ '@typescript-eslint/quotes': 'off',
+ '@typescript-eslint/semi': ['off', null],
+ '@typescript-eslint/space-within-parens': ['off', 'never'],
+ '@typescript-eslint/triple-slash-reference': 'error',
+ '@typescript-eslint/type-annotation-spacing': 'off',
+ '@typescript-eslint/unified-signatures': 'error',
+ 'arrow-body-style': 'off',
+ 'arrow-parens': ['off', 'as-needed'],
+ camelcase: 'off',
+ 'capitalized-comments': 'off',
+ 'comma-dangle': 'off',
+ complexity: 'off',
+ 'constructor-super': 'error',
+ curly: 'error',
+ 'dot-notation': 'error',
+ 'eol-last': 'off',
+ eqeqeq: ['error', 'smart'],
+ 'guard-for-in': 'error',
+ 'id-blacklist': 'off',
+ 'id-match': 'error',
+ 'import/order': 'off',
+ 'linebreak-style': 'off',
+ 'max-classes-per-file': ['error', 1],
+ 'max-len': 'off',
+ 'new-parens': 'off',
+ 'newline-per-chained-call': 'off',
+ 'no-bitwise': 'error',
+ 'no-caller': 'error',
+ 'no-case-declarations': 0,
+ 'no-cond-assign': 'error',
+ 'no-console': 'warn',
+ 'no-debugger': 'error',
+ 'no-empty': 'error',
+ 'no-eval': 'error',
+ 'no-extra-boolean-cast': 0,
+ 'no-extra-semi': 'off',
+ 'no-fallthrough': 'off',
+ 'no-invalid-this': 'off',
+ 'no-irregular-whitespace': 'off',
+ 'no-multiple-empty-lines': 'off',
+ 'no-new-wrappers': 'error',
+ 'no-shadow': [
+ 'warn',
+ {
+ hoist: 'all',
+ },
+ ],
+ 'no-throw-literal': 'error',
+ 'no-trailing-spaces': 'off',
+ 'no-undef-init': 'error',
+ 'no-underscore-dangle': 'off',
+ 'no-unsafe-finally': 'error',
+ 'no-unused-labels': 'error',
+ 'no-unused-vars': 'off',
+ 'no-var': 'error',
+ 'object-shorthand': 'error',
+ 'one-var': ['error', 'never'],
+ 'prefer-arrow/prefer-arrow-functions': 'off',
+ 'prefer-const': 'error',
+ 'quote-props': 'off',
+ radix: 'error',
+ 'react/no-unescaped-entities': 0,
+ 'react/prop-types': 0,
+ 'space-before-function-paren': 'off',
+ 'spaced-comment': 'off',
+ 'use-isnan': 'error',
+ 'valid-typeof': 'off',
+ },
+ settings: {
+ react: {
+ version: 'detect',
+ },
+ },
+};

.github/workflows/azure-static-web-apps-jolly-sand-0ac78c710.yml

@@ -22,6 +22,7 @@ jobs:
  id: builddeploy
  uses: Azure/static-web-apps-deploy@v0.0.1-preview
  with:
+ skip_deploy_on_missing_secrets: true
  azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_JOLLY_SAND_0AC78C710 }}
  repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
  action: "upload"

.gitignore

@@ -24,3 +24,4 @@ yarn-error.log*
 .idea
 .vscode
 .vs
+*.xml

CODE_OF_CONDUCT.md

@@ -0,0 +1,9 @@
+# Microsoft Open Source Code of Conduct
+
+This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
+
+Resources:
+
+- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- [Microsoft Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/)
+- Contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with questions or concerns

README.md

@@ -25,13 +25,23 @@ Where `REACT_APP_CLIENT_ID` is the `Application (client) ID` from the Azure port
 
 ## Other commands
 * `npm test` to run tests from the command line for scenarios like parsing metadata and functional explorer tests.
+* `npm run ci` to run accessibility tests from the command line
 * `npm run lint` linting your files
 
 ## Contributing
 Please see the [contributing guidelines](CONTRIBUTING.md).
 
 This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
 
+## Testing Accessbility
+* Download the latest stable chromedriver from [here](https://chromedriver.chromium.org/).
+* In your `.env` file, create a variable `REACT_APP_CHROMEDRIVER_PATH` and save the path to your `chromedriver.exe` file.
+ For example (on a Windows PC) it would be : `REACT_APP_CHROMEDRIVER_PATH=C:\\SeleniumWebDrivers\\ChromeDriver\\chromedriver.exe`
+ Take note of the format.
+* Save your changes.
+* On your terminal run the command `npm install`.
+* Once the installation is complete run the command `npm run ci`.
+
 ## Known issues
 * You cannot remove permissions by using the Graph Explorer UI. You will need to [remove the application consent](http://shawntabrizi.com/aad/revoking-consent-azure-active-directory-applications/) and then re-consent to remove permissions. I know, this is far from a good experience.
 

SECURITY.md

@@ -0,0 +1,41 @@
+<!-- BEGIN MICROSOFT SECURITY.MD V0.0.5 BLOCK -->
+
+## Security
+
+Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/).
+
+If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](https://docs.microsoft.com/en-us/previous-versions/tn-archive/cc751383(v=technet.10)), please report it to us as described below.
+
+## Reporting Security Issues
+
+**Please do not report security vulnerabilities through public GitHub issues.**
+
+Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report).
+
+If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com). If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/en-us/msrc/pgp-key-msrc).
+
+You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc). 
+
+Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue:
+
+ * Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.)
+ * Full paths of source file(s) related to the manifestation of the issue
+ * The location of the affected source code (tag/branch/commit or direct URL)
+ * Any special configuration required to reproduce the issue
+ * Step-by-step instructions to reproduce the issue
+ * Proof-of-concept or exploit code (if possible)
+ * Impact of the issue, including how an attacker might exploit the issue
+
+This information will help us triage your report more quickly.
+
+If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://microsoft.com/msrc/bounty) page for more details about our active programs.
+
+## Preferred Languages
+
+We prefer all communications to be in English.
+
+## Policy
+
+Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/en-us/msrc/cvd).
+
+<!-- END MICROSOFT SECURITY.MD BLOCK -->

azure-pipelines.yml

@@ -8,8 +8,7 @@
 
 name: $(date:yyyyMMdd)$(rev:.r)
 
-pool:
- vmImage: 'ubuntu-latest'
+pool: MsGraphDevXAzureAgents
 
 pr:
  branches:
@@ -61,7 +60,7 @@ jobs:
  steps:
  - task: NodeTool@0
  inputs:
- versionSpec: '10.x'
+ versionSpec: '12.x'
  displayName: 'Install Node.js'
 
  - script: |
@@ -73,8 +72,19 @@ jobs:
  displayName: 'Runs linting checks'
 
  - script: |
- npm test -- --coverage
- displayName: 'Runs tests'
+ npm test
+ displayName: 'Runs Unit tests'
+
+ - script: |
+ npm run ci
+ displayName: 'Runs Accessibility tests'
+
+ - task: PublishTestResults@2
+ condition: succeededOrFailed()
+ inputs:
+ testResultsFormat: 'JUnit'
+ testResultsFiles: 'test-report.xml'
+ displayName: 'Publish Test Results'
 
  - script: |
  npm run build
@@ -85,7 +95,6 @@ jobs:
  dependsOn: One
  condition: succeeded()
  steps:
-
  - script: |
  npm install
  displayName: 'npm install'

config/env.js

@@ -15,7 +15,7 @@ if (!NODE_ENV) {
 }
 
 // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
-var dotenvFiles = [
+const dotenvFiles = [
  `${paths.dotenv}.${NODE_ENV}.local`,
  `${paths.dotenv}.${NODE_ENV}`,
  // Don't include `.env.local` for `test` environment

config/webpack.config.js

@@ -150,7 +150,7 @@ module.exports = function (webpackEnv) {
  filename: 'static/js/graph-explorer-v2.js',
  // We inferred the "public path" (such as / or /my-project) from homepage.
  // We use "/" in development.
- publicPath: publicPath,
+ publicPath,
  // Point sourcemap entries to original disk location (format as URL on Windows)
  devtoolModuleFilenameTemplate: isEnvProduction
  ? info =>
@@ -467,7 +467,7 @@ module.exports = function (webpackEnv) {
  // having to parse `index.html`.
  new ManifestPlugin({
  fileName: 'asset-manifest.json',
- publicPath: publicPath,
+ publicPath,
  }),
  // Moment.js is an extremely popular library that bundles large locale files
  // by default due to how Webpack interprets its code. This is a practical

jest.config.js

@@ -10,10 +10,10 @@ module.exports = {
  testEnvironment: "jsdom",
  testURL: "http://localhost",
  transform: {
- "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
+ "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js",
  "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
  "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)":
- "<rootDir>/config/jest/fileTransform.js"
+ "<rootDir>/node_modules/ts-jest/preprocessor.js"
  },
  transformIgnorePatterns: [
  "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
@@ -38,5 +38,6 @@ module.exports = {
  watchPlugins: [
  "jest-watch-typeahead/filename",
  "jest-watch-typeahead/testname"
- ]
+ ],
+ testResultsProcessor: "./node_modules/jest-junit-reporter"
 };