Add bundle analyzer

pomber · pomber · commit c7a536a520a7 · 2022-01-12T13:11:46.000+01:00
diff --git a/packages/playground/next.config.js b/packages/playground/next.config.js
@@ -1,4 +1,29 @@
-module.exports = {
-  target: "serverless",
+const { remarkCodeHike } = require("@code-hike/mdx")
+const theme = require("shiki/themes/monokai.json")
+const withBundleAnalyzer = require("@next/bundle-analyzer")(
+  {
+    // enabled: process.env.ANALYZE === "true",
+    enabled: true,
+  }
+)
+module.exports = withBundleAnalyzer({
   experimental: { esmExternals: true },
-}
+  pageExtensions: ["md", "mdx", "tsx", "ts", "jsx", "js"],
+  webpack(config, options) {
+    config.module.rules.push({
+      test: /\.mdx?$/,
+      use: [
+        // The default `babel-loader` used by Next:
+        options.defaultLoaders.babel,
+        {
+          loader: "@mdx-js/loader",
+          /** @type {import('@mdx-js/loader').Options} */
+          options: {
+            remarkPlugins: [[remarkCodeHike, { theme }]],
+          },
+        },
+      ],
+    })
+    return config
+  },
+})
diff --git a/packages/playground/package.json b/packages/playground/package.json
@@ -8,6 +8,9 @@
   },
   "dependencies": {
     "@code-hike/mdx": "^0.3.0-next.0",
+    "@mdx-js/loader": "^2.0.0-rc.2",
+    "@mdx-js/react": "^2.0.0-rc.2",
+    "@next/bundle-analyzer": "^12.0.7",
     "esbuild": "^0.13.2",
     "mdx-bundler": "^6.0.1",
     "next": "^11.1.2",
diff --git a/packages/playground/pages/size-test.mdx b/packages/playground/pages/size-test.mdx
@@ -0,0 +1,9 @@
+# Hello
+
+```js
+function lorem(ipsum) {}
+```
+
+```js
+function lorem(ipsum) {}
+```
diff --git a/yarn.lock b/yarn.lock
@@ -1863,11 +1863,97 @@
     exec-sh "^0.3.2"
     minimist "^1.2.0"
 
+"@code-hike/classer@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/classer/-/classer-0.3.0-next.15.tgz#a03a399268b56cd2c0746cd193825d532572506d"
+  integrity sha512-iJAneIYW/sWExqfwA4lwyex1MT7ok/O3CQSX67aAmozh1luBrjJ5MEE8bGckSfIH36QjfNt6m08sceAvcxpDqw==
+
 "@code-hike/classer@^0.0.0-aa6efee":
   version "0.0.0-e48fa74"
   resolved "https://registry.yarnpkg.com/@code-hike/classer/-/classer-0.0.0-e48fa74.tgz#17243ca84d5af303c51e62b378e8db65e01cd3f4"
   integrity sha512-CyPYvfl4K5Hp9uyhLhUemul56eiGOF0FNXh5ALzzK9VNhRmRmj1O0mKtLDpoccI8W90r9kQES/nW2FC8jVVieg==
 
+"@code-hike/highlighter@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/highlighter/-/highlighter-0.3.0-next.15.tgz#417ddc4e8ecb801627d1e00be4de0dd136e4b1f9"
+  integrity sha512-UmcquFKFvoaGuT14AOKMFDlcBLxiP7VWyuzOjnyIIbiPmFFG0TcBp17rMCMwUzOn8db9rstAd3jhT9CNDT2UFg==
+  dependencies:
+    "@code-hike/utils" "0.3.0-next.15"
+    shiki "^0.9.14"
+
+"@code-hike/mdx@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/mdx/-/mdx-0.3.0-next.15.tgz#9d4229a62c7237fa3d6600a506d898e7ceb212b9"
+  integrity sha512-9qG/YdQFvwRyavjaUg4MWVPMfAoB636M46nRaYEEnuttKgZQO23KcbhgLWEKO3kKeqsgja7DJhKwdp82++IfBA==
+  dependencies:
+    "@code-hike/highlighter" "0.3.0-next.15"
+    "@code-hike/mini-browser" "0.3.0-next.15"
+    "@code-hike/mini-editor" "0.3.0-next.15"
+    "@code-hike/scroller" "0.3.0-next.15"
+    "@code-hike/smooth-code" "0.3.0-next.15"
+    "@code-hike/utils" "0.3.0-next.15"
+    "@codesandbox/sandpack-client" "^0.1.20"
+    estree-util-value-to-estree "^1.3.0"
+    hast-util-to-estree "^1.4.0"
+    node-fetch "^2.0.0"
+    remark-rehype "^8.1.0"
+    unified "^9.2.2"
+    unist-util-visit "^2.0.0"
+
+"@code-hike/mini-browser@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/mini-browser/-/mini-browser-0.3.0-next.15.tgz#67fbe9b6df5e7e5db7237e59a633901f90e65091"
+  integrity sha512-59r6Qwp4xnqFt6ytmoGQCNsMODzkOZFWy4lU3nPwWkbdFLZi+11MwPjSyumQYxgJ/sk1TE+ataDo2jSdwMgB9g==
+  dependencies:
+    "@code-hike/classer" "0.3.0-next.15"
+    "@code-hike/mini-frame" "0.3.0-next.15"
+    use-spring "^0.2.3"
+
+"@code-hike/mini-editor@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/mini-editor/-/mini-editor-0.3.0-next.15.tgz#cd09b7b59fa4290cc5d37293b10d5b462515fe8f"
+  integrity sha512-KYBKEu7PJU4PhOjJVyr45hzfDnISoRK6MVbzTb4keDrL3QZEaUyvb5w7qhsY8Xsev97YFFMaNHf8LHQC+XTWkw==
+  dependencies:
+    "@code-hike/classer" "0.3.0-next.15"
+    "@code-hike/mini-frame" "0.3.0-next.15"
+    "@code-hike/mini-terminal" "0.3.0-next.15"
+    "@code-hike/smooth-code" "0.3.0-next.15"
+    use-spring "^0.2.3"
+
+"@code-hike/mini-frame@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/mini-frame/-/mini-frame-0.3.0-next.15.tgz#744020a02eb34589e903b5aa952ea90a03330eeb"
+  integrity sha512-+dBdxbHjPenmPEyMc1FCb3zlzGiljx5PGaXtaCxtNxMRdNwILonrudoRjPmxaPyXVGDowgyKULdJ8UJu14oScA==
+  dependencies:
+    "@code-hike/classer" "0.3.0-next.15"
+
+"@code-hike/mini-terminal@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/mini-terminal/-/mini-terminal-0.3.0-next.15.tgz#08e7b013bf6b93e68f69e56e3cc575190fb551d5"
+  integrity sha512-x/PzENwbRw1x9Cqm5Bu9kqJM4s0jWJ2SOSL7+FpK1Bt52/qdDDIJDKWjp+8t1yi+PqvY2r+WHk6ZBIdFsASeSA==
+  dependencies:
+    "@code-hike/mini-frame" "0.3.0-next.15"
+
+"@code-hike/scroller@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/scroller/-/scroller-0.3.0-next.15.tgz#aea81bb6223322f3c0f5f886b15bdfe5e1255cb6"
+  integrity sha512-t/pELig7NRa+dtlhkFntnEqZoxjlVEddXGO3uDPL7RaxiXyv4Id+rPBXXE3EgLXfPhZtuDwVAe4hqe+WFlsKFQ==
+
+"@code-hike/smooth-code@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/smooth-code/-/smooth-code-0.3.0-next.15.tgz#9bd8068ce9dc92a2c5f74931e3e5b548d9bf9fdf"
+  integrity sha512-0pHnRxQzT5WiYGyBysnhVY4U8wPe7r6JmklwKwA93yG3hsvfIWrZpczQUMrwvKlwCMtl3mAKm1RILQL8P56VZQ==
+  dependencies:
+    "@code-hike/highlighter" "0.3.0-next.15"
+    "@code-hike/utils" "0.3.0-next.15"
+    diff "^4.0.2"
+    use-spring "^0.2.3"
+
+"@code-hike/utils@0.3.0-next.15":
+  version "0.3.0-next.15"
+  resolved "https://registry.yarnpkg.com/@code-hike/utils/-/utils-0.3.0-next.15.tgz#744636aaf88a505c171746eceaef14d46edcc291"
+  integrity sha512-X4udLAPhYMfDAyaJ3YGoppd6muPpCPX7v794ohsy71F/AZny5HzWFd1WpDcz3E8/tG7dChF/20moK5l9ZpNZNw==
+
 "@codemirror/autocomplete@^0.18.0":
   version "0.18.3"
   resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-0.18.3.tgz#6c75904c1156e4d9a00e56b9a3e559dda6149e1e"
@@ -3197,6 +3283,13 @@
   resolved "https://registry.yarnpkg.com/@napi-rs/triples/-/triples-1.0.3.tgz#76d6d0c3f4d16013c61e45dfca5ff1e6c31ae53c"
   integrity sha512-jDJTpta+P4p1NZTFVLHJ/TLFVYVcOqv6l8xwOeBKNPMgY/zDYH/YH7SJbvrr/h1RcS9GzbPcLKGzpuK9cV56UA==
 
+"@next/bundle-analyzer@^12.0.7":
+  version "12.0.8"
+  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-12.0.8.tgz#a4fef1b14f8a4a87c09d97a3d909deddc88d12f8"
+  integrity sha512-tRwFyAkJA0h+rwt4exq31T59qo4qwp7vPoR3yC8gIpK/E5NAwafyk40aNpk4OWhiQ2IvJMFutukMzY3xl79NXA==
+  dependencies:
+    webpack-bundle-analyzer "4.3.0"
+
 "@next/env@11.1.2":
   version "11.1.2"
   resolved "https://registry.yarnpkg.com/@next/env/-/env-11.1.2.tgz#27996efbbc54c5f949f5e8c0a156e3aa48369b99"
@@ -3632,6 +3725,11 @@
     schema-utils "^2.6.5"
     source-map "^0.7.3"
 
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.21"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
+  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
+
 "@popperjs/core@^2.5.4":
   version "2.9.1"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.9.1.tgz#7f554e7368c9ab679a11f4a042ca17149d70cf12"
@@ -5151,6 +5249,11 @@ acorn-walk@^7.1.1, acorn-walk@^7.2.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
+acorn-walk@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
 acorn@8.5.0, acorn@^8.0.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.5.0.tgz#4512ccb99b3698c752591e9bb4472e38ad43cee2"
@@ -5166,6 +5269,11 @@ acorn@^7.1.1, acorn@^7.4.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.0.4:
+  version "8.7.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
+  integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -7008,7 +7116,7 @@ commander@^4.1.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
-commander@^6.2.1:
+commander@^6.2.0, commander@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
@@ -8116,7 +8224,7 @@ downshift@^6.0.15:
     prop-types "^15.7.2"
     react-is "^17.0.2"
 
-duplexer@^0.1.1:
+duplexer@^0.1.1, duplexer@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
   integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
@@ -9919,6 +10027,13 @@ gzip-size@5.1.1:
     duplexer "^0.1.1"
     pify "^4.0.1"
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
 handlebars@^4.7.6:
   version "4.7.7"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
@@ -13387,6 +13502,11 @@ move-concurrently@^1.0.1:
     rimraf "^2.5.4"
     run-queue "^1.0.3"
 
+mrmime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.0.tgz#14d387f0585a5233d291baba339b063752a2398b"
+  integrity sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -14201,6 +14321,11 @@ open@^7.0.2, open@^7.0.3:
     is-docker "^2.0.0"
     is-wsl "^2.1.1"
 
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
+
 openurl@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/openurl/-/openurl-1.1.1.tgz#3875b4b0ef7a52c156f0db41d4609dbb0f94b387"
@@ -16948,6 +17073,15 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+sirv@^1.0.7:
+  version "1.0.19"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49"
+  integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^1.0.0"
+
 sisteransi@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
@@ -18066,6 +18200,11 @@ toml@^3.0.0:
   resolved "https://registry.yarnpkg.com/toml/-/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
   integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
 
+totalist@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
+  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
+
 tough-cookie@^2.3.3, tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -19020,6 +19159,21 @@ webidl-conversions@^6.1.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
+webpack-bundle-analyzer@4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.3.0.tgz#2f3c0ca9041d5ee47fa418693cf56b4a518b578b"
+  integrity sha512-J3TPm54bPARx6QG8z4cKBszahnUglcv70+N+8gUqv2I5KOFHJbzBiLx+pAp606so0X004fxM7hqRu10MLjJifA==
+  dependencies:
+    acorn "^8.0.4"
+    acorn-walk "^8.0.0"
+    chalk "^4.1.0"
+    commander "^6.2.0"
+    gzip-size "^6.0.0"
+    lodash "^4.17.20"
+    opener "^1.5.2"
+    sirv "^1.0.7"
+    ws "^7.3.1"
+
 webpack-dev-middleware@^3.7.3:
   version "3.7.3"
   resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz#0639372b143262e2b84ab95d3b91a7597061c2c5"
@@ -19321,6 +19475,11 @@ ws@^7.2.3:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.0.tgz#a5dd76a24197940d4a8bb9e0e152bb4503764da7"
   integrity sha512-kyFwXuV/5ymf+IXhS6f0+eAFvydbaBW3zjpT6hUdAh/hbVjTIB5EHBGi0bPoCLSK2wcuz3BrEkB9LrYv1Nm4NQ==
 
+ws@^7.3.1:
+  version "7.5.6"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.6.tgz#e59fc509fb15ddfb65487ee9765c5a51dec5fe7b"
+  integrity sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==
+
 xdm@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/xdm/-/xdm-2.0.4.tgz#0a439c4efc971a9c88883f938cc2dfb3cdfc176c"

-Original file line number
+Diff line change
@@ @@ -0,0 +1,9 @@ @@
 +# Hello
++
 +```js
 +function lorem(ipsum) {}
 +```
++
 +```js
 +function lorem(ipsum) {}
 +```