initial commit

scripts/compose.js

@@ -0,0 +1,128 @@
+const fs = require('fs')
+const path = require('path')
+const inquirer = require('inquirer')
+const dedent = require('dedent')
+
+const root = process.cwd()
+
+const getAuthors = () => {
+  const authorPath = path.join(root, 'data', 'authors')
+  const authorList = fs.readdirSync(authorPath).map((filename) => path.parse(filename).name)
+  return authorList
+}
+
+const getLayouts = () => {
+  const layoutPath = path.join(root, 'layouts')
+  const layoutList = fs
+    .readdirSync(layoutPath)
+    .map((filename) => path.parse(filename).name)
+    .filter((file) => file.toLowerCase().includes('post'))
+  return layoutList
+}
+
+const genFrontMatter = (answers) => {
+  let d = new Date()
+  const date = [
+    d.getFullYear(),
+    ('0' + (d.getMonth() + 1)).slice(-2),
+    ('0' + d.getDate()).slice(-2),
+  ].join('-')
+  const tagArray = answers.tags.split(',')
+  tagArray.forEach((tag, index) => (tagArray[index] = tag.trim()))
+  const tags = "'" + tagArray.join("','") + "'"
+  const authorArray = answers.authors.length > 0 ? "'" + answers.authors.join("','") + "'" : ''
+
+  let frontMatter = dedent`---
+  title: ${answers.title ? answers.title : 'Untitled'}
+  date: '${date}'
+  tags: [${answers.tags ? tags : ''}]
+  draft: ${answers.draft === 'yes' ? true : false}
+  summary: ${answers.summary ? answers.summary : ' '}
+  images: []
+  layout: ${answers.layout}
+  canonicalUrl: ${answers.canonicalUrl}
+  `
+
+  if (answers.authors.length > 0) {
+    frontMatter = frontMatter + '\n' + `authors: [${authorArray}]`
+  }
+
+  frontMatter = frontMatter + '\n---'
+
+  return frontMatter
+}
+
+inquirer
+  .prompt([
+    {
+      name: 'title',
+      message: 'Enter post title:',
+      type: 'input',
+    },
+    {
+      name: 'extension',
+      message: 'Choose post extension:',
+      type: 'list',
+      choices: ['mdx', 'md'],
+    },
+    {
+      name: 'authors',
+      message: 'Choose authors:',
+      type: 'checkbox',
+      choices: getAuthors,
+    },
+    {
+      name: 'summary',
+      message: 'Enter post summary:',
+      type: 'input',
+    },
+    {
+      name: 'draft',
+      message: 'Set post as draft?',
+      type: 'list',
+      choices: ['yes', 'no'],
+    },
+    {
+      name: 'tags',
+      message: 'Any Tags? Separate them with , or leave empty if no tags.',
+      type: 'input',
+    },
+    {
+      name: 'layout',
+      message: 'Select layout',
+      type: 'list',
+      choices: getLayouts,
+    },
+    {
+      name: 'canonicalUrl',
+      message: 'Enter canonical url:',
+      type: 'input',
+    },
+  ])
+  .then((answers) => {
+    // Remove special characters and replace space with -
+    const fileName = answers.title
+      .toLowerCase()
+      .replace(/[^a-zA-Z0-9 ]/g, '')
+      .replace(/ /g, '-')
+      .replace(/-+/g, '-')
+    const frontMatter = genFrontMatter(answers)
+    if (!fs.existsSync('data/blog')) fs.mkdirSync('data/blog', { recursive: true })
+    const filePath = `data/blog/${fileName ? fileName : 'untitled'}.${
+      answers.extension ? answers.extension : 'md'
+    }`
+    fs.writeFile(filePath, frontMatter, { flag: 'wx' }, (err) => {
+      if (err) {
+        throw err
+      } else {
+        console.log(`Blog post generated successfully at ${filePath}`)
+      }
+    })
+  })
+  .catch((error) => {
+    if (error.isTtyError) {
+      console.log("Prompt couldn't be rendered in the current environment")
+    } else {
+      console.log('Something went wrong, sorry!')
+    }
+  })

scripts/generate-sitemap.js

@@ -0,0 +1,66 @@
+const fs = require('fs')
+const globby = require('globby')
+const matter = require('gray-matter')
+const prettier = require('prettier')
+const siteMetadata = require('../data/siteMetadata')
+
+;(async () => {
+  const prettierConfig = await prettier.resolveConfig('./.prettierrc.js')
+  const pages = await globby([
+    'pages/*.js',
+    'pages/*.tsx',
+    'data/blog/**/*.mdx',
+    'data/blog/**/*.md',
+    'public/tags/**/*.xml',
+    '!pages/_*.js',
+    '!pages/_*.tsx',
+    '!pages/api',
+  ])
+
+  const sitemap = `
+        <?xml version="1.0" encoding="UTF-8"?>
+        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+            ${pages
+              .map((page) => {
+                // Exclude drafts from the sitemap
+                if (page.search('.md') >= 1 && fs.existsSync(page)) {
+                  const source = fs.readFileSync(page, 'utf8')
+                  const fm = matter(source)
+                  if (fm.data.draft) {
+                    return
+                  }
+                  if (fm.data.canonicalUrl) {
+                    return
+                  }
+                }
+                const path = page
+                  .replace('pages/', '/')
+                  .replace('data/blog', '/blog')
+                  .replace('public/', '/')
+                  .replace('.js', '')
+                  .replace('.tsx', '')
+                  .replace('.mdx', '')
+                  .replace('.md', '')
+                  .replace('/feed.xml', '')
+                const route = path === '/index' ? '' : path
+                if (page.search('pages/404.') > -1 || page.search(`pages/blog/[...slug].`) > -1) {
+                  return
+                }
+                return `
+                        <url>
+                            <loc>${siteMetadata.siteUrl}${route}</loc>
+                        </url>
+                    `
+              })
+              .join('')}
+        </urlset>
+    `
+
+  const formatted = prettier.format(sitemap, {
+    ...prettierConfig,
+    parser: 'html',
+  })
+
+  // eslint-disable-next-line no-sync
+  fs.writeFileSync('public/sitemap.xml', formatted)
+})()

scripts/next-remote-watch.js

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+
+// Adapated from https://github.com/hashicorp/next-remote-watch
+// A copy of next-remote-watch with an additional ws reload emitter.
+// The app listens to the event and triggers a client-side router refresh
+// see components/ClientReload.js
+
+const chalk = require('chalk')
+const chokidar = require('chokidar')
+const program = require('commander')
+const http = require('http')
+const SocketIO = require('socket.io')
+const express = require('express')
+const spawn = require('child_process').spawn
+const next = require('next')
+const path = require('path')
+const { parse } = require('url')
+
+const pkg = require('../package.json')
+
+const defaultWatchEvent = 'change'
+
+program.storeOptionsAsProperties().version(pkg.version)
+program
+  .option('-r, --root [dir]', 'root directory of your nextjs app')
+  .option('-s, --script [path]', 'path to the script you want to trigger on a watcher event', false)
+  .option('-c, --command [cmd]', 'command to execute on a watcher event', false)
+  .option(
+    '-e, --event [name]',
+    `name of event to watch, defaults to ${defaultWatchEvent}`,
+    defaultWatchEvent
+  )
+  .option('-p, --polling [name]', `use polling for the watcher, defaults to false`, false)
+  .parse(process.argv)
+
+const shell = process.env.SHELL
+const app = next({ dev: true, dir: program.root || process.cwd() })
+const port = parseInt(process.env.PORT, 10) || 3000
+const handle = app.getRequestHandler()
+
+app.prepare().then(() => {
+  // if directories are provided, watch them for changes and trigger reload
+  if (program.args.length > 0) {
+    chokidar
+      .watch(program.args, { usePolling: Boolean(program.polling) })
+      .on(program.event, async (filePathContext, eventContext = defaultWatchEvent) => {
+        // Emit changes via socketio
+        io.sockets.emit('reload', filePathContext)
+        app.server.hotReloader.send('building')
+
+        if (program.command) {
+          // Use spawn here so that we can pipe stdio from the command without buffering
+          spawn(
+            shell,
+            [
+              '-c',
+              program.command
+                .replace(/\{event\}/gi, filePathContext)
+                .replace(/\{path\}/gi, eventContext),
+            ],
+            {
+              stdio: 'inherit',
+            }
+          )
+        }
+
+        if (program.script) {
+          try {
+            // find the path of your --script script
+            const scriptPath = path.join(process.cwd(), program.script.toString())
+
+            // require your --script script
+            const executeFile = require(scriptPath)
+
+            // run the exported function from your --script script
+            executeFile(filePathContext, eventContext)
+          } catch (e) {
+            console.error('Remote script failed')
+            console.error(e)
+            return e
+          }
+        }
+
+        app.server.hotReloader.send('reloadPage')
+      })
+  }
+
+  // create an express server
+  const expressApp = express()
+  const server = http.createServer(expressApp)
+
+  // watch files with socketIO
+  const io = SocketIO(server)
+
+  // special handling for mdx reload route
+  const reloadRoute = express.Router()
+  reloadRoute.use(express.json())
+  reloadRoute.all('/', (req, res) => {
+    // log message if present
+    const msg = req.body.message
+    const color = req.body.color
+    msg && console.log(color ? chalk[color](msg) : msg)
+
+    // reload the nextjs app
+    app.server.hotReloader.send('building')
+    app.server.hotReloader.send('reloadPage')
+    res.end('Reload initiated')
+  })
+
+  expressApp.use('/__next_reload', reloadRoute)
+
+  // handle all other routes with next.js
+  expressApp.all('*', (req, res) => handle(req, res, parse(req.url, true)))
+
+  // fire it up
+  server.listen(port, (err) => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})