feat(remark): upgrade remark to ESM only (#74)

.changeset/strong-items-lick.md

@@ -0,0 +1,9 @@
+---
+"@1stg/app-config": minor
+"@1stg/common-config": minor
+"@1stg/lib-config": minor
+"@1stg/eslint-config": minor
+"@1stg/remark-config": major
+---
+
+feat(remark): upgrade remark to ESM only

package.json

@@ -28,8 +28,8 @@
     "@angular/compiler": "^13.3.0",
     "@angular/compiler-cli": "^13.3.0",
     "@angular/core": "^13.3.0",
-    "@changesets/changelog-github": "^0.4.3",
-    "@changesets/cli": "^2.21.1",
+    "@changesets/changelog-github": "^0.4.4",
+    "@changesets/cli": "^2.22.0",
     "@types/jest": "^27.4.1",
     "@types/node": "^17.0.23",
     "@types/react": "^17.0.43",

packages/eslint-config/overrides.js

@@ -467,14 +467,6 @@ exports.html = {
 exports.md = {
   files: '*.md',
   extends: ['plugin:mdx/recommended'],
-  rules: {
-    'prettier/prettier': [
-      2,
-      {
-        parser: 'markdown',
-      },
-    ],
-  },
 }
 
 exports.mdx = {

packages/eslint-config/package.json

@@ -19,9 +19,9 @@
     "@babel/eslint-parser": "^7.17.0",
     "@babel/eslint-plugin": "^7.17.7",
     "@pkgr/utils": "^2.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.16.0",
-    "@typescript-eslint/eslint-plugin-tslint": "^5.16.0",
-    "@typescript-eslint/parser": "^5.16.0",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/eslint-plugin-tslint": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
     "angular-eslint-template-parser": "^0.1.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^16.0.3",
@@ -32,17 +32,17 @@
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jest": "^26.1.3",
-    "eslint-plugin-jsdoc": "^38.0.7",
+    "eslint-plugin-jsdoc": "^38.1.4",
     "eslint-plugin-markup": "^0.8.0",
-    "eslint-plugin-mdx": "^1.17.0",
+    "eslint-plugin-mdx": "^2.0.0-next.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "eslint-plugin-sonar": "^0.7.1",
-    "eslint-plugin-sonarjs": "^0.12.0",
+    "eslint-plugin-sonar": "^0.8.0",
+    "eslint-plugin-sonarjs": "^0.13.0",
     "eslint-plugin-svelte": "^1.1.2",
     "eslint-plugin-unicorn": "^41.0.1",
     "eslint-plugin-vue": "^8.5.0"

packages/remark-config/index.js

@@ -1,7 +1,21 @@
-module.exports = [
-  require('remark-lint'),
-  require('remark-preset-lint-consistent'),
-  require('remark-preset-lint-markdown-style-guide'),
-  require('remark-preset-lint-recommended'),
-  require('remark-preset-prettier'),
-]
+import remarkLint from 'remark-lint'
+import remarkPresetLintConsistent from 'remark-preset-lint-consistent'
+import remarkPresetLintMarkdownStyleGuide from 'remark-preset-lint-markdown-style-guide'
+import remarkPresetLintRecommended from 'remark-preset-lint-recommended'
+import remarkPresetPrettier from 'remark-preset-prettier'
+import remarkValidateLinks from 'remark-validate-links'
+
+export default {
+  settings: {
+    emphasis: '_',
+    strong: '*',
+  },
+  plugins: [
+    remarkLint,
+    remarkPresetLintConsistent,
+    remarkPresetLintMarkdownStyleGuide,
+    remarkPresetLintRecommended,
+    remarkPresetPrettier,
+    remarkValidateLinks,
+  ],
+}

packages/remark-config/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@1stg/remark-config",
   "version": "1.1.0",
+  "type": "module",
   "description": "Personal but Shareable Remark Configuration for all 1stG.me projects.",
   "repository": "git+https://github.com/1stG/configs.git",
   "author": "JounQin <admin@1stg.me>",
   "license": "MIT",
+  "main": "index.js",
+  "module": "index.js",
   "dependencies": {
-    "remark-lint": "^8.0.0",
-    "remark-preset-lint-consistent": "^4.0.0",
-    "remark-preset-lint-markdown-style-guide": "^4.0.0",
-    "remark-preset-lint-recommended": "^5.0.0",
-    "remark-preset-prettier": "^0.4.1"
+    "remark-lint": "^9.1.1",
+    "remark-preset-lint-consistent": "^5.1.1",
+    "remark-preset-lint-markdown-style-guide": "^5.1.2",
+    "remark-preset-lint-recommended": "^6.1.2",
+    "remark-preset-prettier": "^1.0.0",
+    "remark-validate-links": "^11.0.2"
   },
   "publishConfig": {
     "access": "public"

tests/test.mdx

@@ -4,3 +4,11 @@
 <main>Main</main>
 
 Inline <Button>Main</Button>
+
+<div>
+
+```js
+export const content = 'Hello MDX!'
+```
+
+</div>