Merge pull request #121 from timlrx/v2

Fix Bleed component and improve contentlayer utils

.changeset/grumpy-bears-sleep.md

@@ -0,0 +1,5 @@
+---
+'pliny': patch
+---
+
+fix bleed full mode

.changeset/hot-olives-tease.md

@@ -0,0 +1,5 @@
+---
+'pliny': patch
+---
+
+Improve typing of contentlayer utility functions and filter posts only in prod

.changeset/pre.json

@@ -12,6 +12,8 @@
     "good-cheetahs-tap",
     "good-knives-tan",
     "great-chairs-warn",
+    "grumpy-bears-sleep",
+    "hot-olives-tease",
     "metal-coats-grab",
     "mighty-garlics-appear",
     "modern-planes-end",

packages/pliny/CHANGELOG.md

@@ -1,5 +1,12 @@
 # pliny
 
+## 0.1.0-beta.12
+
+### Patch Changes
+
+- 75533d5: fix bleed full mode
+- c41211e: Improve typing of contentlayer utility functions and filter posts only in prod
+
 ## 0.1.0-beta.11
 
 ### Patch Changes

packages/pliny/package.json

@@ -2,7 +2,7 @@
   "name": "pliny",
   "description": "Main entry point for pliny components",
   "homepage": "https://github.com/timlrx/pliny",
-  "version": "0.1.0-beta.11",
+  "version": "0.1.0-beta.12",
   "type": "module",
   "exports": {
     "./*": "./*",

packages/pliny/src/ui/Bleed.tsx

@@ -9,7 +9,7 @@ const Bleed = ({ full, children }: BleedProps) => {
   return (
     <div
       className={`relative mt-6 ${
-        full ? 'left-2/4 right-2/4 mx-[-50vw]' : '-mx-6 md:-mx-8 2xl:-mx-24'
+        full ? 'ml-[calc(-50vw+50%)] mr-[calc(-50vw+50%)]' : '-mx-6 md:-mx-8 2xl:-mx-24'
       }`}
     >
       {children}

packages/pliny/src/utils/contentlayer.ts

@@ -1,5 +1,7 @@
 import type { Document, MDX } from 'contentlayer/core'
 
+const isProduction = process.env.NODE_ENV === 'production'
+
 export type MDXDocument = Document & { body: MDX }
 export type MDXDocumentDate = MDXDocument & {
   date: string
@@ -19,8 +21,26 @@ export function dateSortDesc(a: string, b: string) {
   return 0
 }
 
+/**
+ * Sorts a list of MDX documents by date in descending order
+ *
+ * @param {MDXDocumentDate[]} allBlogs
+ * @param {string} [dateKey='date']
+ * @return {*}
+ */
+export function sortPosts(allBlogs: MDXDocumentDate[], dateKey: string = 'date') {
+  return allBlogs.sort((a, b) => dateSortDesc(a[dateKey], b[dateKey]))
+}
+
+/**
+ * Kept for backwards compatibility
+ * Please use `sortPosts` instead
+ * @deprecated
+ * @param {MDXBlog[]} allBlogs
+ * @return {*}
+ */
 export function sortedBlogPost(allBlogs: MDXDocumentDate[]) {
-  return allBlogs.sort((a, b) => dateSortDesc(a.date, b.date))
+  return sortPosts(allBlogs)
 }
 
 type ConvertUndefined<T> = OrNull<{
@@ -68,10 +88,26 @@ export const omit = <Obj, Keys extends keyof Obj>(obj: Obj, keys: Keys[]): Omit<
 
 export type CoreContent<T> = Omit<T, 'body' | '_raw' | '_id'>
 
-export function coreContent<T extends MDXDocument>(content: T) {
+/**
+ * Omit body, _raw, _id from MDX document and return only the core content
+ *
+ * @param {T} content
+ * @return {*}  {CoreContent<T>}
+ */
+export function coreContent<T extends MDXDocument>(content: T): CoreContent<T> {
   return omit(content, ['body', '_raw', '_id'])
 }
 
-export function allCoreContent<T extends MDXDocument>(contents: T[]) {
-  return contents.map((c) => coreContent(c)).filter((c) => !('draft' in c && c.draft === true))
+/**
+ * Omit body, _raw, _id from a list of MDX documents and returns only the core content
+ * If `NODE_ENV` === "production", it will also filter out any documents with draft: true.
+ *
+ * @param {T[]} contents
+ * @return {*}  {CoreContent<T>[]}
+ */
+export function allCoreContent<T extends MDXDocument>(contents: T[]): CoreContent<T>[] {
+  const coreContent = contents.map((c) => coreContent(c))
+  if (isProduction)
+    return coreContent.filter((c: CoreContent<T>) => !('draft' in c && c.draft === true))
+  return coreContent
 }