Merge pull request #382 from opensourcepledge/vladh/add-horizontalrule

Sanity: add HorizontalRule

Author: vladh

sanity.config.ts

@@ -224,6 +224,29 @@ export default defineConfig({
                     validation: (rule) => rule.required(),
                   },
                 ],
+              },
+              {
+                type: 'object',
+                title: 'Horizontal Rule',
+                name: 'horizontalRule',
+                description: 'Horizontal rule',
+                fields: [
+                  // NOTE: We don't generally need a field for this component.
+                  // However, there are two reasons to actually have a field.
+                  // (1) All Sanity schema types seem to require fields. (2) It
+                  // is useful to have a field called “title” which shows this
+                  // component's title in the article preview. So we create a
+                  // dummy “title” field that always has the same title.
+                  {
+                    type: 'string',
+                    name: 'title',
+                    title: 'Horizontal rule dummy title',
+                    hidden: true,
+                  },
+                ],
+                initialValue: {
+                  title: 'Horizontal rule',
+                },
               }
             ],
             validation: (rule) => rule.required(),

src/pages/blog/[slug].astro

@@ -17,6 +17,7 @@ import Block from '../../portableTextComponents/Block.astro';
 import CaptionedImage from '../../portableTextComponents/CaptionedImage.astro';
 import YoutubeEmbed from '../../portableTextComponents/YoutubeEmbed.astro';
 import VideoEmbed from '../../portableTextComponents/VideoEmbed.astro';
+import HorizontalRule from '../../portableTextComponents/HorizontalRule.astro';
 
 const ARTICLE_QUERY = `*[_type == "article" && slug.current == $slug][0]{
   _id,
@@ -48,6 +49,7 @@ const components = {
     captionedImage: CaptionedImage,
     youtubeEmbed: YoutubeEmbed,
     videoEmbed: VideoEmbed,
+    horizontalRule: HorizontalRule,
   },
   block: Block,
 };

src/portableTextComponents/HorizontalRule.astro

@@ -0,0 +1,6 @@
+---
+// © 2025 Functional Software, Inc. dba Sentry
+// SPDX-License-Identifier: Apache-2.0
+---
+
+<hr>