about summary refs log tree commit diff
path: root/boilerplate/typescript
diff options
context:
space:
mode:
authorWilliam Carroll <wpcarro@gmail.com>2020-03-27T10·52+0000
committerWilliam Carroll <wpcarro@gmail.com>2020-03-27T10·59+0000
commit514136c99af6f1807f07d23640405764f1c674df (patch)
tree856e8f4bf94fbbda73649a9e5a690641b32cc828 /boilerplate/typescript
parentf4f7f454fa23d0b7f8dd665ec755f1131928f98d (diff)
Run Prettier across projects
Problem:
Prettier was not running when I saved Emacs buffers.

Why?
- prettier-js-mode needs needs node; lorri exposes node to direnv; direnv
  exposes node to Emacs; lorri was not working as expected.

Solution:
Now that I'm using nix-buffer, I can properly expose node (and other
dependencies) to my Emacs buffers. Now Prettier is working.

Commentary:
Since prettier hadn't worked for so long, I stopped thinking about it. As such,
I did not include it as a dependency in boilerplate/typescript. I added it
now. I retroactively ran prettier across a few of my frontend projects to unify
the code styling.

I may need to run...
```shell
$ cd ~/briefcase
$ nix-shell
$ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}"
```
...to see which files I should have formatted.
Diffstat (limited to 'boilerplate/typescript')
-rw-r--r--boilerplate/typescript/package.json4
-rw-r--r--boilerplate/typescript/src/index.html4
-rw-r--r--boilerplate/typescript/yarn.lock5
3 files changed, 10 insertions, 3 deletions
diff --git a/boilerplate/typescript/package.json b/boilerplate/typescript/package.json
index fc8ec8c6ebfb..104e7272da93 100644
--- a/boilerplate/typescript/package.json
+++ b/boilerplate/typescript/package.json
@@ -4,11 +4,13 @@
   "main": "index.js",
   "license": "MIT",
   "scripts": {
-    "dev": "npx parcel src/index.html & npx tsc --watch --noEmit"
+    "dev": "parcel src/index.html & npx tsc --watch --noEmit",
+    "prettier": "prettier --ignore-path .gitignore --write \"**/*.{js,ts,jsx,tsx,html,css.json}\""
   },
   "devDependencies": {
     "@types/node": "^13.9.3",
     "parcel-bundler": "^1.12.4",
+    "prettier": "^2.0.2",
     "tailwindcss": "^1.2.0",
     "typescript": "^3.8.3"
   },
diff --git a/boilerplate/typescript/src/index.html b/boilerplate/typescript/src/index.html
index 05dd7ad95e79..91752af916a4 100644
--- a/boilerplate/typescript/src/index.html
+++ b/boilerplate/typescript/src/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="stylesheet" href="./index.css">
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="./index.css" />
   </head>
   <body>
     <div id="mount"></div>
diff --git a/boilerplate/typescript/yarn.lock b/boilerplate/typescript/yarn.lock
index 09961c3276f3..0e16fe80a47c 100644
--- a/boilerplate/typescript/yarn.lock
+++ b/boilerplate/typescript/yarn.lock
@@ -4287,6 +4287,11 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
+prettier@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.2.tgz#1ba8f3eb92231e769b7fcd7cb73ae1b6b74ade08"
+  integrity sha512-5xJQIPT8BraI7ZnaDwSbu5zLrB6vvi8hVV58yHQ+QK64qrY40dULy0HSRlQ2/2IdzeBpjhDkqdcFBnFeDEMVdg==
+
 pretty-hrtime@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"