Upgrade deps, run Prettier, fix linter errors (#46)

.gitignore

@@ -14,6 +14,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.vscode/
 
 .eslintcache
 

.prettierrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  trailingComma: "all",
-  useTabs: true,
-  singleQuote: true,
+	trailingComma: 'all',
+	useTabs: true,
+	singleQuote: true,
 };

.remarkrc.mjs

@@ -1,81 +1,120 @@
-import { unified } from "unified";
-import unifiedMessageControl from "unified-message-control";
+import { unified } from 'unified';
+import unifiedMessageControl from 'unified-message-control';
 
-import { commentMarker } from "mdast-comment-marker";
+import { commentMarker } from 'mdast-comment-marker';
 
-import remarkFrontmatter from 'remark-frontmatter'
-import remarkDirective from 'remark-directive'
-import remarkGfm from 'remark-gfm'
-import remarkPresetLintRecommended from 'remark-preset-lint-recommended'
-import remarkPresetLintConsistent from 'remark-preset-lint-consistent'
+import remarkFrontmatter from 'remark-frontmatter';
+import remarkDirective from 'remark-directive';
+import remarkGfm from 'remark-gfm';
 
-import remarkRetext from "remark-retext";
-import retextEnglish from "retext-english";
-import retextEquality from "retext-equality";
-import retextProfanities from "retext-profanities";
-import retextQuotes from "retext-quotes";
-import retextSimplify from "retext-simplify";
-import retextSyntaxMentions from "retext-syntax-mentions";
+// remark-preset-lint-recommended:
+import remarkLint from 'remark-lint'
+import remarkLintFinalNewline from 'remark-lint-final-newline'
+import remarkLintListItemBulletIndent from 'remark-lint-list-item-bullet-indent'
+// import remarkLintListItemIndent from 'remark-lint-list-item-indent' // Incompatible with MDX
+import remarkLintNoBlockquoteWithoutMarker from 'remark-lint-no-blockquote-without-marker'
+import remarkLintNoLiteralUrls from 'remark-lint-no-literal-urls'
+import remarkLintOrderedListMarkerStyle from 'remark-lint-ordered-list-marker-style'
+import remarkLintHardBreakSpaces from 'remark-lint-hard-break-spaces'
+import remarkLintNoDuplicateDefinitions from 'remark-lint-no-duplicate-definitions'
+import remarkLintNoHeadingContentIndent from 'remark-lint-no-heading-content-indent'
+import remarkLintNoInlinePadding from 'remark-lint-no-inline-padding'
+import remarkLintNoShortcutReferenceImage from 'remark-lint-no-shortcut-reference-image'
+import remarkLintNoShortcutReferenceLink from 'remark-lint-no-shortcut-reference-link'
+import remarkLintNoUndefinedReferences from 'remark-lint-no-undefined-references'
+import remarkLintNoUnusedDefinitions from 'remark-lint-no-unused-definitions'
+
+import remarkPresetLintConsistent from 'remark-preset-lint-consistent';
+
+import remarkRetext from 'remark-retext';
+import retextEnglish from 'retext-english';
+import retextEquality from 'retext-equality';
+import retextProfanities from 'retext-profanities';
+import retextQuotes from 'retext-quotes';
+import retextSimplify from 'retext-simplify';
+import retextSyntaxMentions from 'retext-syntax-mentions';
 
 const retextPreset = [
-  remarkRetext,
-  unified()
-    .use(retextEnglish)
-    .use(retextEquality, {
-      ignore: ["disabled", "host", "hosts", "invalid", "whitespace"],
-    })
-    .use(retextProfanities, { sureness: 1 })
-    .use(retextQuotes)
-    .use(retextSimplify, {
-      ignore: [
-        "accurate",
-        "address",
-        "alternatively",
-        "component",
-        "equivalent",
-        "function",
-        "identify",
-        "implement",
-        "initial",
-        "interface",
-        "maintain",
-        "maximum",
-        "minimum",
-        "option",
-        "parameters",
-        "provide",
-        "render",
-        "request",
-        "selection",
-        "submit",
-        "type",
-        "validate",
-      ],
-    })
-    .use(retextSyntaxMentions),
+	remarkRetext,
+	unified()
+		.use(retextEnglish)
+		.use(retextEquality, {
+			ignore: ['disabled', 'host', 'hosts', 'invalid', 'whitespace'],
+		})
+		.use(retextProfanities, { sureness: 1 })
+		.use(retextQuotes)
+		.use(retextSimplify, {
+			ignore: [
+				'accurate',
+				'address',
+				'alternatively',
+				'component',
+				'equivalent',
+				'frequently',
+				'function',
+				'identify',
+				'implement',
+				'initial',
+				'interface',
+				'maintain',
+				'maximum',
+				'minimum',
+				'option',
+				'parameters',
+				'provide',
+				'render',
+				'request',
+				'selection',
+				'submit',
+				'type',
+				'validate',
+			],
+		})
+		.use(retextSyntaxMentions),
 ];
 
 const messageControlPreset = [
-  unifiedMessageControl,
-  {
-    name: "retext-simplify",
-    marker: commentMarker,
-    test: "html",
-  },
+	unifiedMessageControl,
+	{
+		name: 'retext-simplify',
+		marker: commentMarker,
+		test: 'html',
+	},
 ];
 
 export default {
-  settings: {
-    emphasis: "_",
-    strong: "*",
-  },
-  plugins: [
-    remarkFrontmatter, // YAML in MD
-    remarkGfm, // GitHub Flavored Markdown
-    remarkDirective, // Admonitions
-    remarkPresetLintConsistent,
-    remarkPresetLintRecommended,
-    retextPreset,
-    messageControlPreset,
-  ],
+	settings: {
+		emphasis: '_',
+		strong: '*',
+		'tab-size': 1,
+	},
+	plugins: [
+		remarkFrontmatter, // YAML in MD
+		remarkGfm, // GitHub Flavored Markdown
+		remarkDirective, // Admonitions
+		remarkPresetLintConsistent,
+
+		// remark-preset-lint-recommended:
+		remarkLint,
+		// Unix compatibility.
+		remarkLintFinalNewline,
+		// Rendering across vendors differs greatly if using other styles.
+		remarkLintListItemBulletIndent,
+		// [remarkLintListItemIndent, 'tab-size'], // Incompatible with MDX
+		remarkLintNoBlockquoteWithoutMarker,
+		remarkLintNoLiteralUrls,
+		[remarkLintOrderedListMarkerStyle, '.'],
+
+		// Mistakes.
+		remarkLintHardBreakSpaces,
+		remarkLintNoDuplicateDefinitions,
+		remarkLintNoHeadingContentIndent,
+		remarkLintNoInlinePadding,
+		remarkLintNoShortcutReferenceImage,
+		remarkLintNoShortcutReferenceLink,
+		remarkLintNoUndefinedReferences,
+		remarkLintNoUnusedDefinitions,
+		retextPreset,
+		messageControlPreset,
+	],
 };

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+	presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
 };

blog/2021-08-01-mdx-blog-post.mdx

@@ -12,9 +12,9 @@ Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/mar
 Use the power of React to create interactive blog posts.
 
 ```jsx
-<button onClick={() => alert("button clicked!")}>Click me!</button>
+<button onClick={() => alert('button clicked!')}>Click me!</button>
 ```
 
-<button onClick={() => alert("button clicked!")}>Click me!</button>
+<button onClick={() => alert('button clicked!')}>Click me!</button>
 
 :::

blog/2021-08-26-welcome/index.md

@@ -13,8 +13,8 @@ Regular blog authors can be added to `authors.yml`.
 
 The blog post date can be extracted from filenames, such as:
 
-* `2019-05-30-welcome.md`
-* `2019-05-30-welcome/index.md`
+- `2019-05-30-welcome.md`
+- `2019-05-30-welcome/index.md`
 
 A blog post folder can be convenient to co-locate blog post images:
 

docs/custom-stores/_category_.json

@@ -1,4 +1,4 @@
 {
-  "label": "Custom stores",
-  "position": 10
+	"label": "Custom stores",
+	"position": 10
 }

docs/framework-integrations/_category_.json

@@ -1,4 +1,4 @@
 {
-  "label": "Framework integrations",
-  "position": 8
+	"label": "Framework integrations",
+	"position": 8
 }

docs/guides/_category_.json

@@ -1,4 +1,4 @@
 {
-  "label": "Guides",
-  "position": 2
+	"label": "Guides",
+	"position": 2
 }

docs/guides/browser-support.mdx

@@ -36,24 +36,24 @@ But it does come with a risk of unexpected results in styling or functionality.
 </Tabs>
 
 ```js
-import "core-js";
-import "whatwg-fetch";
-import "abortcontroller-polyfill/dist/polyfill-patch-fetch";
+import 'core-js';
+import 'whatwg-fetch';
+import 'abortcontroller-polyfill/dist/polyfill-patch-fetch';
 // Order matters: AbortController needs fetch which needs Promise (provided by core-js).
 
-import "md-gum-polyfill";
-import ResizeObserver from "resize-observer-polyfill";
+import 'md-gum-polyfill';
+import ResizeObserver from 'resize-observer-polyfill';
 
 window.ResizeObserver ??= ResizeObserver;
 
-export { default } from "@uppy/core";
-export * from "@uppy/core";
+export { default } from '@uppy/core';
+export * from '@uppy/core';
 ```
 
 ## Legacy CDN bundle
 
 <UppyCdnExample uppyJsName="uppy.legacy.min.js">
-  {`
+	{`
     import { Uppy, DragDrop, Tus } from "{{UPPY_JS_URL}}"
     const uppy = new Uppy()
     uppy.use(DragDrop, { target: '#uppy' })