adjustments on mash items presentation

Author: mxcl

.github/scripts/gen-feed.ts

@@ -50,13 +50,13 @@ for (const {name, isFile} of Deno.readDirSync(`./blog/content`)) {
 }
 
 for (const script of JSON.parse(Deno.readTextFileSync(scripthubJson)).scripts) {
-  const { fullname, description, birthtime, avatar } = script
+  const { cmd, fullname, description, birthtime, avatar } = script
   const url = `https://mash.pkgx.sh/${fullname}`
   if (description) rv.push({
-    type: 'script',
+    type: 'mash',
     time: new Date(birthtime),
-    description: description.split(". ")?.[0] ?? description,
-    title: fullname,
+    description: demarkdown(description.split(". ")?.[0] ?? description),
+    title: cmd,
     image: avatar,
     url
   })
@@ -65,3 +65,11 @@ for (const script of JSON.parse(Deno.readTextFileSync(scripthubJson)).scripts) {
 rv.sort((a, b) => b.time.getTime() - a.time.getTime())
 
 console.log(JSON.stringify(rv))
+
+function demarkdown(input: string) {
+  return input
+    .replace(/`([^`]+)`/g, "<code>$1</code>")
+    .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
+    .replace(/\*([^*]+)\*/g, "<em>$1</em>")
+    .replace(/~~([^~]+)~~/g, "<del>$1</del>")
+}

src/pkgx.dev/HomeFeed.tsx

@@ -184,7 +184,7 @@ function FeedItemBox(item: FeedItem) {
   const color = (() => {
     switch (type) {
       case 'blog': return 'secondary'
-      case 'script': return 'primary'
+      case 'mash': return 'primary'
     }
   })()
 

src/utils/FeedItem.ts

@@ -1,6 +1,6 @@
 
 type FeedItem = {
-  type: 'blog' | 'pkg' |'script' | 'highlight'
+  type: 'blog' | 'pkg' |'mash' | 'highlight'
   url: string,
   title: string,
   time: Date,