ci: add learn to generate content command

Author: Barbapapazes

bin/commands/generate/content.ts

@@ -2,9 +2,9 @@ import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
 import { defineCommand } from 'citty'
 import { consola } from 'consola'
-import { getBlogPath, getBlogTemplatePath } from '../../utils/content'
+import { getBlogPath, getBlogTemplatePath, getLearnPath, getLearnTemplatePath } from '../../utils/content'
 import { slugify } from '../../utils/slugify'
-import { getBlogImagesPath } from '../../utils/public'
+import { getBlogImagesPath, getLearnImagesPath } from '../../utils/public'
 
 export const content = defineCommand({
   args: {
@@ -15,7 +15,7 @@ export const content = defineCommand({
     },
   },
   async run({ args }) {
-    const acceptedTypes = ['blog']
+    const acceptedTypes = ['blog', 'learn']
 
     const type = args.type || (await consola.prompt('Type of content to generate', {
       type: 'select',
@@ -46,6 +46,30 @@ export const content = defineCommand({
 
       consola.success(`Successfully generated at:\nContent: ${path}\nImages: ${imagesPath}`)
     }
+
+    if (type === 'learn') {
+      const categories = ['getting-started', 'building-blocks']
+
+      const category = await consola.prompt('Category of the learn article', {
+        type: 'select',
+        options: categories,
+      })
+
+      const learnPath = getLearnPath()
+      const learnTemplatePath = getLearnTemplatePath()
+      const template = readFileSync(learnTemplatePath, 'utf-8')
+
+      const content = template.replace('learn_title', title).replaceAll('learn_date', date).replace('learn_category', category)
+
+      const path = join(learnPath, filename)
+      writeContent(content, path)
+
+      const learnImages = getLearnImagesPath()
+      const imagesPath = join(learnImages, filename.replace('.md', ''))
+      generateImageFolder(imagesPath)
+
+      consola.success(`Successfully generated at:\nContent: ${path}\nImages: ${imagesPath}`)
+    }
   },
 })
 

bin/utils/content.ts

@@ -1,7 +1,7 @@
 import { readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
 import { cwd } from 'node:process'
-import yaml from 'js-yaml'
+import { dump, load } from 'js-yaml'
 import { ofetch } from 'ofetch'
 import type { ContentPackage, GitHubFile } from '../types'
 
@@ -30,11 +30,11 @@ export function getBlogTemplatePath() {
 }
 
 export function loadPackageContent(name: string) {
-  return yaml.load(readFileSync(join(getPackagesPath(), `${name}.yml`), 'utf-8')) as ContentPackage
+  return load(readFileSync(join(getPackagesPath(), `${name}.yml`), 'utf-8')) as ContentPackage
 }
 
 export function writePackageContent(package_: ContentPackage) {
-  writeFileSync(join(getPackagesPath(), `${package_.title}.yml`), yaml.dump(package_))
+  writeFileSync(join(getPackagesPath(), `${package_.title}.yml`), dump(package_))
 }
 
 export function getPackages() {
@@ -70,3 +70,15 @@ export async function getExamplesLink(name: string) {
 
   return hasExamples ? `https://github.com/unjs/${name}/blob/main/examples` : null
 }
+
+export function getLearnPath() {
+  const contentPath = getContentPath()
+
+  return join(contentPath, 'learn', 'articles')
+}
+
+export function getLearnTemplatePath() {
+  const learnPath = getLearnPath()
+
+  return join(learnPath, '.template.md')
+}

bin/utils/public.ts

@@ -32,6 +32,12 @@ export function getBlogImagesPath() {
   return join(imagesPath, 'blog')
 }
 
+export function getLearnImagesPath() {
+  const imagesPath = getImagesPath()
+
+  return join(imagesPath, 'learn')
+}
+
 /**
  * Get list of puzzle parts, without directory or the extension
  */

content/learn/articles/.template.md

@@ -1,22 +1,21 @@
 ---
-title:
+title: learn_title
 description:
 authors:
   - name:
     picture:
     twitter:
-category: # getting-started | building-blocks
+category: learn_category
 packages:
   -
-resources: # link to external resources
+resources:
   - label:
     to:
     icon:
-publishedAt:
-modifiedAt:
+publishedAt: learn_date
+modifiedAt: learn_date
 ---
 
 Checklist:
 
-- [ ] Filename is the title stringified prefix with the date in the format YYYY-MM-DD and replacing dot with dash
 - [ ] Packages must match the package filename