chore: Merging with main

Lance McCluskey · Lance McCluskey · commit 6475d1a533f1 · 2021-09-17T05:27:48.000-05:00
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -32,4 +32,4 @@ jobs:
         run: npm run test-ci
 
       - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v2.0.3
+        uses: codecov/codecov-action@v2.1.0
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
     "@mdx-js/react": "^1.6.22",
     "@popperjs/core": "^2.9.3",
     "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-links": "^6.3.7",
+    "@storybook/addon-links": "^6.3.8",
     "@storybook/addons": "^6.3.8",
     "@storybook/builder-webpack5": "^6.3.5",
     "@storybook/manager-webpack5": "^6.3.4",
@@ -22,30 +22,30 @@
     "color-string": "^1.6.0",
     "dompurify": "2.3.1",
     "dotenv": "^10.0.0",
-    "gatsby": "^3.12.1",
+    "gatsby": "^3.13.0",
     "gatsby-plugin-canonical-urls": "^3.13.0",
     "gatsby-plugin-catch-links": "^3.13.0",
     "gatsby-plugin-dark-mode": "^1.1.2",
-    "gatsby-plugin-manifest": "^3.11.0",
-    "gatsby-plugin-mdx": "^2.11.0",
+    "gatsby-plugin-manifest": "^3.13.0",
+    "gatsby-plugin-mdx": "^2.13.0",
     "gatsby-plugin-meta-redirect": "^1.1.1",
-    "gatsby-plugin-offline": "^4.11.0",
+    "gatsby-plugin-offline": "^4.13.0",
     "gatsby-plugin-react-helmet": "^4.13.0",
     "gatsby-plugin-sass": "^4.13.0",
     "gatsby-plugin-sharp": "^3.13.0",
     "gatsby-plugin-sitemap": "^4.9.0",
-    "gatsby-plugin-typescript": "^3.11.0",
+    "gatsby-plugin-typescript": "^3.13.0",
     "gatsby-remark-autolink-headers": "^4.10.0",
-    "gatsby-remark-copy-linked-files": "^4.8.0",
+    "gatsby-remark-copy-linked-files": "^4.10.0",
     "gatsby-remark-images": "^5.10.0",
-    "gatsby-remark-prismjs": "^5.8.0",
-    "gatsby-source-filesystem": "^3.11.0",
+    "gatsby-remark-prismjs": "^5.10.0",
+    "gatsby-source-filesystem": "^3.13.0",
     "gatsby-transformer-remark": "^4.10.0",
     "gatsby-transformer-yaml": "^3.13.0",
     "highlight.js": "^11.2.0",
     "intersection-observer": "^0.12.0",
     "moment": "^2.29.1",
-    "node-fetch": "^2.6.1",
+    "node-fetch": "^2.6.2",
     "prism-react-renderer": "^1.2.1",
     "prismjs": "^1.24.0",
     "react": "^17.0.2",
@@ -57,7 +57,7 @@
     "react-tabs": "3.2.2",
     "rrule": "^2.6.8",
     "throttle-debounce": "^3.0.1",
-    "typescript": "4.4.2"
+    "typescript": "4.4.3"
   },
   "keywords": [
     "gatsby",
@@ -87,12 +87,12 @@
     "type-check": "tsc --noEmit"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
+    "@babel/core": "^7.15.5",
     "@babel/preset-typescript": "^7.15.0",
     "@storybook/semver": "^7.3.2",
-    "@testing-library/dom": "^8.2.0",
+    "@testing-library/dom": "^8.5.0",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/react": "^12.1.0",
     "@testing-library/user-event": "^13.2.1",
     "@types/classnames": "^2.3.1",
     "@types/color": "^3.0.2",
@@ -103,28 +103,28 @@
     "@types/react-dom": "^17.0.9",
     "@types/react-helmet": "6.1.2",
     "@types/throttle-debounce": "^2.1.0",
-    "@typescript-eslint/eslint-plugin": "^4.29.3",
-    "@typescript-eslint/parser": "^4.30.0",
-    "babel-jest": "^27.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.31.0",
+    "@typescript-eslint/parser": "^4.31.0",
+    "babel-jest": "^27.2.0",
     "babel-loader": "^8.1.0",
     "babel-plugin-remove-graphql-queries": "^3.13.0",
-    "babel-preset-gatsby": "1.12.0",
+    "babel-preset-gatsby": "1.13.0",
     "eslint": "^7.32.0",
     "eslint-config-airbnb": "18.2.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-import-resolver-typescript": "2.4.0",
+    "eslint-import-resolver-typescript": "2.5.0",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "^3.4.1",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.25.1",
     "eslint-plugin-react-hooks": "4.2.0",
-    "eslint-plugin-testing-library": "^4.12.0",
+    "eslint-plugin-testing-library": "^4.12.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.1.0",
+    "jest": "^27.2.0",
     "jest-fetch-mock": "^3.0.3",
     "node-sass": "6.0.1",
     "pa11y": "6.0.1",
-    "prettier": "^2.3.2",
+    "prettier": "^2.4.0",
     "remark-cli": "^10.0.0",
     "remark-frontmatter": "^4.0.0",
     "remark-preset-lint-node": "^3.0.1",
diff --git a/src/documentation/0007-node-run-cli/index.md b/src/documentation/0007-node-run-cli/index.md
@@ -1,7 +1,7 @@
 ---
 title: Run Node.js scripts from the command line
 description: 'How to run any Node.js script from the CLI'
-authors: flaviocopes, MylesBorins, fhemberger, LaRuaNa, ahmadawais
+authors: flaviocopes, MylesBorins, fhemberger, LaRuaNa, ahmadawais, akazyti
 section: Getting Started
 category: learn
 ---
@@ -14,4 +14,24 @@ If your main Node.js application file is `app.js`, you can call it by typing:
 node app.js
 ```
 
+Above, you are explicitly telling the shell to run your script with `node`. You can also embed this information into your JavaScript file with a "shebang" line. The "shebang" is the first line in the file, and tells the OS which interpreter to use for running the script. Below is the first line of JavaScript:
+
+```bash
+#!/usr/bin/node
+```
+
+Above, we are explicitly giving the absolute path of interpreter. Not all operating systems have `node` in the bin folder, but all should have `env`. You can tell the OS to run `env` with node as parameter:
+
+```bash
+#!/usr/bin/env node
+
+// your code
+```
+
+To use a shebang, your file should have executable permission. You can give `app.js` the executable permission by running:
+
+```bash
+chmod u+x app.js
+```
+
 While running the command, make sure you are in the same directory which contains the `app.js` file.
diff --git a/src/documentation/0017-where-npm-install-packages/index.md b/src/documentation/0017-where-npm-install-packages/index.md
@@ -38,4 +38,4 @@ On Windows it could be `C:\Users\YOU\AppData\Roaming\npm\node_modules`
 
 If you use `nvm` to manage Node.js versions, however, that location would differ.
 
-I for example use `nvm` and my packages location was shown as `/Users/joe/.nvm/versions/node/v8.9.0/lib/node_modules`.
+I, for example, use `nvm` and my packages location was shown as `/Users/joe/.nvm/versions/node/v8.9.0/lib/node_modules`.
diff --git a/src/documentation/0052-nodejs-streams/index.md b/src/documentation/0052-nodejs-streams/index.md
@@ -249,13 +249,13 @@ then implement `_transform`:
 
 ```js
 TransformStream._transform = (chunk, encoding, callback) => {
-  console.log(chunk.toString().toUpperCase());
+  this.push(chunk.toString().toUpperCase());
   callback();
 }
 ```
 
 Pipe readable stream:
 
 ```js
-process.stdin.pipe(TransformStream);
+process.stdin.pipe(TransformStream).pipe(process.stdout);
 ```
diff --git a/src/styles/learn.scss b/src/styles/learn.scss
@@ -180,9 +180,11 @@
     top: 95px;
 
     &.side-nav--open {
-      max-height: calc(100vh - var(--nav-height));
+      height: auto;
+      max-height: calc(100% - var(--nav-height));
       overflow: visible;
       overflow-y: scroll;
+      padding-bottom: var(--space-20);
       position: fixed;
       top: var(--nav-height);
     }

Original file line number	Diff line number	Diff line change
@@ -38,4 +38,4 @@ On Windows it could be `C:\Users\YOU\AppData\Roaming\npm\node_modules`
`38`	`38`
`39`	`39`	If you use `nvm` to manage Node.js versions, however, that location would differ.
`40`	`40`
`41`		-I for example use `nvm` and my packages location was shown as `/Users/joe/.nvm/versions/node/v8.9.0/lib/node_modules`.
	`41`	+I, for example, use `nvm` and my packages location was shown as `/Users/joe/.nvm/versions/node/v8.9.0/lib/node_modules`.