chore(format): add prettier

- upgrade prettier to v2.3.2
  - lock version to prevent breaking changes in minor versions
- add prettier.dry-run package.json script
- add pipeline action to evaluate format status
- add prettierignore file for faster runs

STENCIL-8: Add Prettier to Stencil

Author: rwaskiewicz

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/main.yml

@@ -30,6 +30,10 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Prettier dry-run
+        run: npm run prettier.dry-run
+        shell: bash
+
       - name: Build
         run: npm run build -- --ci
 

.prettierignore

@@ -0,0 +1,55 @@
+# auto-generated dependencies list
+/dependencies.json
+
+# npm packages in the root of the project and subdirectories
+node_modules/
+
+# submodule packages
+/build/
+/cli/
+/compiler/
+/dev-server/
+/internal/
+/mock-doc/
+/sys/
+/testing/
+
+# shims that are attributed to external authors, and are minified out of the box
+/src/client/polyfills/core-js.js
+/src/client/polyfills/dom.js
+/src/client/polyfills/es5-html-element.js
+/src/client/polyfills/index.js
+/src/client/polyfills/system.js
+
+# project notes shared with the community
+/notes/
+
+# output of building various scripts that support the project
+/scripts/build/
+
+# these files are intentionally incomplete JavaScript files (they are parts of an Immediately Invoked Funciton
+# Expression (IIFE)). They act as a 'header' and 'footer' that get prepended and appended to the Stencil compiler.
+# Ignore them so Prettier doesn't fail and the 'prettier-ignore' pragma doesn't get put in the compiler output.
+/scripts/bundles/helpers/compiler-cjs-intro.js
+/scripts/bundles/helpers/compiler-cjs-outro.js
+
+# output from compiling Stencil projects for testing purposes
+test/**/dist/
+test/**/dist-react/
+test/**/hydrate/
+test/**/test-dist/
+test/**/www/
+test/**/components.d.ts
+test/end-to-end/screenshot/
+test/end-to-end/docs.d.ts
+test/end-to-end/docs.json
+
+# minified angular that exists in the test directory
+test/karma/test-app/assets/angular.min.js
+
+# generated screenshot files
+/screenshot/index.js
+/screenshot/package.json
+/screenshot/pixel-match.js
+/screenshot/*.d.ts
+

.prettierrc.json

@@ -36,7 +36,9 @@
     "rollup.prod.ci": "rollup --config --config-prod --config-ci",
     "rollup.watch": "rollup --watch --config",
     "license": "node scripts --license",
-    "prettier": "prettier --write \"./src/**/*.{ts,tsx}\"",
+    "prettier": "npm run prettier.base -- --write",
+    "prettier.base": "prettier \"./{bin,scripts,src,test}/**/*.{ts,tsx,js,jsx}\"",
+    "prettier.dry-run": "npm run prettier.base -- --list-different",
     "test": "jest",
     "test.analysis": "cd test && npm run build",
     "test.dist": "node scripts --validate-build",
@@ -50,6 +52,7 @@
     "test.watch": "jest --watch"
   },
   "devDependencies": {
+    "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-commonjs": "15.1.0",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "9.0.0",
@@ -104,7 +107,7 @@
     "path-browserify": "^1.0.1",
     "pixelmatch": "4.0.2",
     "postcss": "^8.2.8",
-    "prettier": "^2.2.1",
+    "prettier": "2.3.2",
     "prompts": "2.4.0",
     "puppeteer": "~10.0.0",
     "rollup": "2.42.3",
@@ -137,5 +140,6 @@
     "custom elements",
     "pwa",
     "progressive web app"
-  ]
+  ],
+  "prettier": "@ionic/prettier-config"
 }