kmelve

Em Dash Easter Egg

An easter egg for blogs using Sanity and Portable Text: every em dash (—) becomes clickable, revealing whether it was typed by a human or placed by AI.

Human-certified dashes show playful messages like "Certified organic em dash" or "Artisanal punctuation." Uncertified dashes (assumed AI) show messages like "Machine-generated punctuation" or "Algorithmically optimized dash."

How it works

The feature has four layers:

kmelve

// Schema: main body Portable Text with footnote annotation
// This shows how to register footnote as a mark annotation

import { BlockquoteIcon, LaunchIcon } from "@sanity/icons";
import { defineArrayMember, defineField, defineType } from "sanity";

export const bodyPortableText = defineType({
  name: "bodyPortableText",
  type: "array",
  title: "Content",

kmelve

Reusable Page Blocks in Sanity - Implementation Guide

A pattern for creating once, using everywhere: how to implement reusable content blocks in Sanity that can be shared across multiple pages.

---

Overview

This pattern allows content editors to create a page block (hero, CTA, feature section, etc.) once as a standalone document, then reference it from multiple pages. Changes to the reusable block automatically propagate everywhere it's used.

kmelve

import React, { useState } from "react"
import { TextInput, Stack } from "@sanity/ui"
import { set, unset } from "sanity"

interface LinkedInEmbed {
  _key: string
  _type: string
  postUrl: string
  height: number
}

kmelve

import { toPlainText } from "@portabletext/react"
import { BlockEditor as DefaultBlockEditor } from "sanity"
import { handlePaste } from "~/studio/components/blockEditor/handlePaste"

const wordsPerMinute = 200

export default function BlockEditor(props: any, ref) {
  const value = props.value ?? []
  const plainText = toPlainText(value)
  const characterCount = plainText.length

kmelve

import { redirect } from "next/navigation"
import { createClient } from "next-sanity"

const client = createClient({
  apiVersion: "vX",
  dataset: process.env.NEXT_PUBLIC_SANITY_DATASET,
  projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
  token: process.env.SANITY_WRITE_TOKEN,
  useCdn: true,
})

kmelve

// Try it out here: https://groq.dev/iZPFWScPZXANqgFGQgoUH2

*[_type == "post"]{
  ...,
  // join into an array of just the titles
  "categoryTitles": categories[]->title,  
  // join the completedocuments
  "categoryDocs": categories[]->,
  // join and project specific fields
    categories[]->{

kmelve

import {defineConfig, type Role} from 'sanity'
import {deskTool} from 'sanity/desk'
import {visionTool} from '@sanity/vision'
import {schemaTypes} from './schemas'

export const EDITOR_TYPES = ['post']

const isAdmin = (roles: Role[]) => !roles?.find(({name = ''}) => name === 'administrator')

export default defineConfig({

kmelve

/* Remember: 
sanity install @sanity/code-input
yarn add micromark 
*/
import { micromark } from 'micromark'
import { htmlToBlocks } from '@sanity/block-tools'

export async function handlePaste(input) {
  const { event, type, path } = input
  const text = event.clipboardData.getData('text/plain')

kmelve

/**
 * Retrieves all the rows in the active spreadsheet that contain data and logs the
 * values for each row.
 * For more information on using the Spreadsheet API, see
 * https://developers.google.com/apps-script/service_spreadsheet
 */
function readRows() {
  var sheet = SpreadsheetApp.getActiveSheet();
  var rows = sheet.getDataRange();
  var numRows = rows.getNumRows();