Merge pull request #723 from aspeddro/nextjs-13-using-pages-dir

Upgrade to NextJS 13 / MDX v2 / Tailwindcss v3

Author: ryyppy

.babelrc

@@ -15,8 +15,8 @@ _tempFile.cmj
 _tempFile.cmt
 
 # these docs are checked in, but we consider them frozen.
-pages/docs/manual/v8.0.0/
-pages/docs/manual/v9.0.0/
+# pages/docs/manual/v8.0.0/
+# pages/docs/manual/v9.0.0/
 
 .bsb.lock
 .merlin

.gitignore

@@ -30,17 +30,17 @@ If you need inspiration on what to work on, you can check out issues tagged with
 
 We really appreciate all input from users, community members and potential contributors. Please make sure to consider the other person's opinion and don't assume any common knowledge.
 
-**Most importantly: Keep it professional and be nice to each other**
+**Most importantly: Keep it professional and be nice to eachother**
 
-There might be situations where others don't understand a proposed feature or have different opinions on certain writing styles. That's fine, discussions are always welcome! Communicate in clear actionables, make your plans clear and always stick to the original topic.
+There might be situations where others don't understand a proposed feature or have different opinions on certain writing styles. That's fine, discussions are always welcome! Communicate in clear actionables, make your plans clear and always to stick to the original topic.
 
 If other contributors disagree with certain proposals and don't change their mind after longer discussions, please don't get discouraged when an issue gets closed / postponed. Everyone tries their best to make the platform better, and to look at it in another perspective: Closed issues are also a highly valuable resource for others to understand technical decisions later on.
 
 ### Communicate your Time Commitment
 
 Open Source development can be a challenge to coordinate, so please make sure to block enough time to work on your tasks and show commitment when taking on some work. Let other contributors know if your time schedule changes significantly, and also let others know if you can't finish a task.
 
-We value your voluntary work, and of course it's fine to step back from a ticket for any reason (we can also help you if you are getting stuck). Please talk to us in any case, otherwise we might re-assign the ticket to other contributors.
+We value your voluntary work, and of course it's fine to step back from a ticket for any reasons (we can also help you if you are getting stuck). Please talk to us in any case, otherwise we might re-assign the ticket to other contributors.
 
 ### Communication Channels
 
@@ -66,7 +66,7 @@ Always check if there are any designs for certain UI components and think about
 ### Technical Writing (Documentation)
 
 - Think and write in a JS friendly mindset when explaining concepts / showing examples.
-- No `foo` examples if somewhat possible. Try to establish practical context in your showcase examples.
+- No `foo` examples if somewhat possible. Try to establish practical context in your show case examples.
 - No references to `OCaml`. ReScript is its own language, and we don't rely on external resources of our host language.
 - If possible, no references to `Reason` examples / external resources. Our goal is to migrate everything to ReScript syntax.
 

CONTRIBUTING.md

@@ -86,7 +86,7 @@ There are two ways of removing staled artifacts, the second one is introduced in
 
 - Based on live analysis and prebuilt-in knowledge
 
-We scan `lib/bs` directory and check some dangling cm{i,t,j,ti} files, if it does not exist in
+We scan `lib/bs` directory and check some dangling `cm{i,t,j,ti}` files, if it does not exist in
 the current build set, it is considered stale artifacts. If it is `cmt` file, it would trigger some hooks of `genType`, notably -cmt-rm.
 
 - Based on previous build logs

_blogposts/2020-09-25-release-8-3-2.mdx

@@ -16,7 +16,7 @@ ReScript is a robustly typed language that compiles to efficient and human-reada
 
 Use `npm` to install the newest [9.0.1 release](https://www.npmjs.com/package/bs-platform/v/9.0.1) with the following command:
 
-```
+```sh
 npm install bs-platform@9.0.1
 ```
 

_blogposts/2021-02-09-release-9-0.mdx

@@ -26,7 +26,7 @@ A detailed list of changes are listed as below:
 - #1658, fix typeof = "null" issue
 - #1656, bs.get/set/get_index/set_index respects bs.ignore
 - #1654, `bsb -init` fails if package or current dir has space (parent dir can have spaces)
-- #1678, bs.get{null;undefined}  in object type
+- #1678, `bs.get{null;undefined}`  in object type
 - #1692, fix invalid js syntax output
 - #1701, fix tailcall handling interaction with  exception handler
 - #1666, fix misue of GADT api

_blogposts/archive/2017-10-09-bucklescript-release-1-7-5.mdx

@@ -0,0 +1,98 @@
+import fs from "fs";
+import webpack from "webpack";
+import rehypeSlug from 'rehype-slug';
+import remarkGfm from 'remark-gfm';
+import remarkComment from 'remark-comment';
+import remarkFrontmatter from 'remark-frontmatter'
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import { createLoader } from 'simple-functional-loader'
+
+const bsconfig = JSON.parse(fs.readFileSync("./bsconfig.json"))
+
+const { ProvidePlugin } = webpack;
+
+const transpileModules = ["rescript"].concat(bsconfig["bs-dependencies"]);
+
+const config = {
+  pageExtensions: ["jsx", "js", "bs.js", "mdx", "mjs"],
+  env: {
+    ENV: process.env.NODE_ENV,
+  },
+  swcMinify: true,
+  webpack: (config, options) => {
+    const { isServer } = options;
+    if (!isServer) {
+      // We shim fs for things like the blog slugs component
+      // where we need fs access in the server-side part
+      config.resolve.fallback = {
+        fs: false,
+        path: false,
+      };
+    }
+    // We need this additional rule to make sure that mjs files are
+    // correctly detected within our src/ folder
+    config.module.rules.push({
+      test: /\.m?js$/,
+      // v-- currently using an experimental setting with esbuild-loader
+      //use: options.defaultLoaders.babel,
+      use: [{ loader: "esbuild-loader", options: { loader: "jsx" } }],
+      exclude: /node_modules/,
+      type: "javascript/auto",
+      resolve: {
+        fullySpecified: false,
+      },
+    });
+
+    function mainMdxLoader(plugins) {
+      return [
+        createLoader(function(source) {
+          const result = `${source}\n\nMDXContent.frontmatter = frontmatter`
+          return result
+        }),
+      ]
+    }
+
+    config.module.rules.push({
+      test: /\.mdx?$/,
+      use: mainMdxLoader(),
+    });
+
+    config.module.rules.push({
+      test: /\.mdx?$/,
+      use: [
+        {
+          loader: '@mdx-js/loader',
+          /** @type {import('@mdx-js/loader').Options} */
+          options: {
+            remarkPlugins: [remarkComment, remarkGfm, remarkFrontmatter, remarkMdxFrontmatter],
+            providerImportSource: '@mdx-js/react',
+            rehypePlugins: [rehypeSlug]
+          }
+        }
+      ]
+    });
+
+
+    config.plugins.push(new ProvidePlugin({ React: "react" }));
+    return config;
+  },
+  async redirects() {
+    return [
+      {
+        source: "/community",
+        destination: "/community/overview",
+        permanent: true,
+      },
+      {
+        source: "/bucklescript-rebranding",
+        destination: "/blog/bucklescript-is-rebranding",
+        permanent: true,
+      },
+    ];
+  },
+};
+
+export default {
+  transpilePackages: transpileModules,
+  ...config
+}