clean blog links (#355)

* Rename blog posts to include date

* Make apis cater to that

* Clean up

* fullslug -> path

* Update readmes

Author: chenglou

README.md

@@ -15,6 +15,7 @@ import fs from "fs";
 import urlModule from "url";
 import { URL } from 'url';
 import {data as blogIndex} from '../src/BlogData.mjs'
+import {getSlugFromPath} from '../src/common/BlogApi.mjs'
 
 const __dirname = new URL('.', import.meta.url).pathname;
 
@@ -23,9 +24,9 @@ const mapBlogFilePath = path => {
 
   if (match) {
     let relPath = match[1];
-    let slugAndFullslug = blogIndex.find(({fullslug}) => fullslug === relPath);
-    if (slugAndFullslug != null) {
-      return `./pages/blog/${slugAndFullslug.slug}`;
+    let path = blogIndex.find((path) => path === relPath);
+    if (path != null) {
+      return `./pages/blog/${getSlugFromPath(path)}`;
     }
     return path;
   }

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

@@ -323,7 +323,7 @@ function getStaticProps(_ctx) {
           var archived = acc[2];
           var malformed = acc[1];
           var posts = acc[0];
-          var id = postData.slug;
+          var id = BlogApi.getSlugFromPath(postData.path);
           var decoded = BlogFrontmatter.decode(postData.frontmatter);
           if (decoded.TAG === /* Ok */0) {
             var frontmatter = decoded._0;

_blogposts/archive/bucklescript-release-1-0.mdx renamed to _blogposts/archive/2017-10-01-bucklescript-release-1-0.mdx

@@ -372,7 +372,7 @@ let getStaticProps: Next.GetStaticProps.t<props, params> = _ctx => {
     postData,
   ) => {
     let (posts, malformed, archived) = acc
-    let id = postData.slug
+    let id = BlogApi.getSlugFromPath(postData.path)
 
     let decoded = BlogFrontmatter.decode(postData.frontmatter)
 

_blogposts/archive/bucklescript-release-1-4-2.mdx renamed to _blogposts/archive/2017-10-02-bucklescript-release-1-4-2.mdx

@@ -9,6 +9,7 @@ import * as Util from "./common/Util.mjs";
 import * as React from "react";
 import * as BlogApi from "./common/BlogApi.mjs";
 import * as DateStr from "./common/DateStr.mjs";
+import * as BlogData from "./BlogData.mjs";
 import * as Markdown from "./components/Markdown.mjs";
 import * as Belt_Array from "rescript/lib/es6/belt_Array.js";
 import * as MainLayout from "./layouts/MainLayout.mjs";
@@ -109,9 +110,9 @@ function BlogArticle$BlogHeader(Props) {
 }
 
 function $$default(props) {
-  var fullslug = props.fullslug;
-  var module_ = require("../_blogposts/" + (fullslug + ".mdx"));
-  var archived = fullslug.startsWith("archive/");
+  var path = props.path;
+  var module_ = require("../_blogposts/" + (path + ".mdx"));
+  var archived = path.startsWith("archive/");
   var component = module_.default;
   var fm = BlogFrontmatter.decode(frontmatter(component));
   var children = React.createElement(component, {});
@@ -182,7 +183,7 @@ function $$default(props) {
               children: null
             }, React.createElement("h2", {
                   className: "font-bold text-gray-95 text-28 mb-2"
-                }, "Could not parse file '_blogposts/" + (fullslug + ".mdx'")), React.createElement("p", undefined, "The content of this blog post will be displayed as soon as all\n            required frontmatter data has been added."), React.createElement("p", {
+                }, "Could not parse file '_blogposts/" + (path + ".mdx'")), React.createElement("p", undefined, "The content of this blog post will be displayed as soon as all\n            required frontmatter data has been added."), React.createElement("p", {
                   className: "font-bold mt-4"
                 }, "Errors:"), fm._0));
   }
@@ -193,9 +194,12 @@ function $$default(props) {
 
 function getStaticProps(ctx) {
   var params = ctx.params;
-  var fullslug = Belt_Option.getWithDefault(BlogApi.getFullSlug(params.slug), params.slug);
+  var slug = BlogData.data.find(function (path2) {
+        return BlogApi.getSlugFromPath(path2) === params.slug;
+      });
+  var path = slug !== undefined ? slug : params.slug;
   var props = {
-    fullslug: fullslug
+    path: path
   };
   return Promise.resolve({
               props: props
@@ -206,7 +210,7 @@ function getStaticPaths(param) {
   var paths = Belt_Array.map(BlogApi.getAllPosts(undefined), (function (postData) {
           return {
                   params: {
-                    slug: postData.slug
+                    slug: BlogApi.getSlugFromPath(postData.path)
                   }
                 };
         }));

_blogposts/archive/bucklescript-release-1-4-3.mdx renamed to _blogposts/archive/2017-10-03-bucklescript-release-1-4-3.mdx

@@ -22,7 +22,7 @@ module Params = {
   type t = {slug: string}
 }
 
-type props = {fullslug: string}
+type props = {path: string}
 
 module BlogComponent = {
   type t = {default: React.component<{.}>}
@@ -124,11 +124,11 @@ module BlogHeader = {
 }
 
 let default = (props: props) => {
-  let {fullslug} = props
+  let {path} = props
 
-  let module_ = BlogComponent.require("../_blogposts/" ++ (fullslug ++ ".mdx"))
+  let module_ = BlogComponent.require("../_blogposts/" ++ (path ++ ".mdx"))
 
-  let archived = Js.String2.startsWith(fullslug, "archive/")
+  let archived = Js.String2.startsWith(path, "archive/")
 
   let component = module_.default
 
@@ -207,7 +207,7 @@ let default = (props: props) => {
     <div>
       <Markdown.Warn>
         <h2 className="font-bold text-gray-95 text-28 mb-2">
-          {React.string("Could not parse file '_blogposts/" ++ (fullslug ++ ".mdx'"))}
+          {React.string("Could not parse file '_blogposts/" ++ (path ++ ".mdx'"))}
         </h2>
         <p>
           {React.string("The content of this blog post will be displayed as soon as all
@@ -225,9 +225,14 @@ let getStaticProps: Next.GetStaticProps.t<props, Params.t> = ctx => {
   open Next.GetStaticProps
   let {params} = ctx
 
-  let fullslug = BlogApi.getFullSlug(params.slug)->Belt.Option.getWithDefault(params.slug)
+  let path = switch BlogData.data->Js.Array2.find(path2 =>
+    BlogApi.getSlugFromPath(path2) == params.slug
+  ) {
+  | None => params.slug
+  | Some(slug) => slug
+  }
 
-  let props = {fullslug: fullslug}
+  let props = {path: path}
   let ret = {"props": props}
   Promise.resolve(ret)
 }
@@ -237,7 +242,7 @@ let getStaticPaths: Next.GetStaticPaths.t<Params.t> = () => {
 
   let paths = BlogApi.getAllPosts()->Belt.Array.map(postData => {
     params: {
-      Params.slug: postData.slug,
+      Params.slug: BlogApi.getSlugFromPath(postData.path),
     },
   })
   let ret = {paths: paths, fallback: false}

_blogposts/archive/bucklescript-release-1-5-0.mdx renamed to _blogposts/archive/2017-10-04-bucklescript-release-1-5-0.mdx

@@ -2,7 +2,7 @@ module Params: {
   type t = {slug: string}
 }
 
-type props = {fullslug: string}
+type props = {path: string}
 
 let default: props => React.element