@getvitops/emdash 0.3.10 → 1.0.0

package/src/astro/blocks/ImageCompare.astro

@@ -1,5 +1,5 @@
 ---
-import { resolveBlockValue } from './value.ts';
+import { resolveBlockValue, safeHref } from './value.ts';
 
 interface Value {
   before?: string;
@@ -11,7 +11,10 @@ interface Value {
 }
 
 const value = resolveBlockValue<Value>(Astro.props);
-const { before, beforeAlt = '', beforeLabel = 'Before', after, afterAlt = '', afterLabel = 'After' } = value;
+const { beforeAlt = '', beforeLabel = 'Before', afterAlt = '', afterLabel = 'After' } = value;
+// A `javascript:`/`data:` src is dropped, so the block renders nothing rather than that image.
+const before = safeHref(value.before);
+const after = safeHref(value.after);
 ---
 
 {before && after && (

package/src/astro/blocks/Marquee.astro

@@ -0,0 +1,38 @@
+---
+/**
+ * Thin adapter over `@getvitops/astro`'s `<Marquee />`, which emits `<wc-marquee>` itself
+ * and duplicates the slot (the copies are `aria-hidden`) for the seamless loop. Without
+ * JS the row still scrolls from CSS alone; `prefers-reduced-motion` is handled there.
+ */
+import Marquee from '@getvitops/astro/components/Marquee.astro';
+import { resolveBlockValue, rows, safeHref, text } from './value.ts';
+
+interface Value {
+  items?: unknown;
+  pauseOnHover?: boolean;
+  reverse?: boolean;
+}
+
+const value = resolveBlockValue<Value>(Astro.props);
+const items = rows<Record<string, unknown>>(value.items)
+  .map((row) => ({
+    text: text(row.text),
+    image: safeHref(row.image),
+    alt: text(row.alt),
+  }))
+  .filter((item) => item.text || item.image);
+---
+
+{
+  items.length > 0 && (
+    <Marquee pauseOnHover={Boolean(value.pauseOnHover)} reverse={Boolean(value.reverse)}>
+      {items.map((item) =>
+        item.image ? (
+          <img src={item.image} alt={item.alt} loading="lazy" />
+        ) : (
+          <span>{item.text}</span>
+        ),
+      )}
+    </Marquee>
+  )
+}

package/src/astro/blocks/value.test.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vite-plus/test';
+import { paragraphs, rows, text } from './value.ts';
+
+describe('repeater helpers', () => {
+  it('rows keeps object rows and drops everything else', () => {
+    expect(rows([{ a: 1 }, null, 'x', [1], { b: 2 }])).toEqual([{ a: 1 }, { b: 2 }]);
+    expect(rows(undefined)).toEqual([]);
+    expect(rows('not an array')).toEqual([]);
+  });
+
+  it('text trims strings and treats other values as empty', () => {
+    expect(text('  hi ')).toBe('hi');
+    expect(text(5)).toBe('');
+    expect(text(undefined)).toBe('');
+  });
+
+  it('paragraphs splits on blank lines only', () => {
+    expect(paragraphs('one\ntwo\n\n three \n\n\n')).toEqual(['one\ntwo', 'three']);
+    expect(paragraphs('')).toEqual([]);
+  });
+});

package/src/astro/blocks/value.ts

@@ -1,7 +1,7 @@
 /**
  * Normalize the props EmDash passes to a Portable Text block component.
  *
- * Verified against emdash 0.31: <PortableText> delegates to astro-portabletext,
+ * Verified against emdash 1.4: <PortableText> still delegates to astro-portabletext,
  * which passes the block object as `props.node` (fields flat on the block next
  * to _type/_key). The `value` and spread branches are kept as tolerance for the
  * shapes shown elsewhere in the EmDash docs, so a host-side change is a
@@ -14,6 +14,9 @@ export function resolveBlockValue<T extends Record<string, unknown>>(
   return candidate as T;
 }
 
+// Shared with the Astro components and `nodesToHtml`; re-exported so blocks import one place.
+export { safeHref } from '@getvitops/utils/url';
+
 /** Split a newline/comma-separated editor field into trimmed non-empty items. */
 export function splitLines(input: unknown): string[] {
   if (typeof input !== 'string') return [];
@@ -22,3 +25,25 @@ export function splitLines(input: unknown): string[] {
     .map((s) => s.trim())
     .filter(Boolean);
 }
+
+/** A repeater field's saved value: an array of row objects. Anything else is no rows. */
+export function rows<T extends Record<string, unknown> = Record<string, unknown>>(
+  input: unknown,
+): T[] {
+  return Array.isArray(input)
+    ? (input.filter((row) => row && typeof row === 'object' && !Array.isArray(row)) as T[])
+    : [];
+}
+
+/** A trimmed string field, or `''` when the value is absent or not a string. */
+export function text(input: unknown): string {
+  return typeof input === 'string' ? input.trim() : '';
+}
+
+/** Split a multiline editor field into paragraphs on blank lines. */
+export function paragraphs(input: unknown): string[] {
+  return text(input)
+    .split(/\n\s*\n/)
+    .map((p) => p.trim())
+    .filter(Boolean);
+}

package/src/astro/index.ts

@@ -3,12 +3,17 @@
  * <PortableText> automatically — the export name MUST be `blockComponents`
  * and keys MUST match the block `type`s declared in ../blocks.ts.
  */
+import Accordion from './blocks/Accordion.astro';
 import ActionLink from './blocks/ActionLink.astro';
 import Banner from './blocks/Banner.astro';
+import Cards from './blocks/Cards.astro';
 import Carousel from './blocks/Carousel.astro';
 import CopyButton from './blocks/CopyButton.astro';
 import Details from './blocks/Details.astro';
+import Gallery from './blocks/Gallery.astro';
+import Hero from './blocks/Hero.astro';
 import ImageCompare from './blocks/ImageCompare.astro';
+import Marquee from './blocks/Marquee.astro';
 
 export const blockComponents = {
   'vitops.actionLink': ActionLink,
@@ -17,4 +22,9 @@ export const blockComponents = {
   'vitops.banner': Banner,
   'vitops.details': Details,
   'vitops.carousel': Carousel,
+  'vitops.gallery': Gallery,
+  'vitops.cards': Cards,
+  'vitops.accordion': Accordion,
+  'vitops.hero': Hero,
+  'vitops.marquee': Marquee,
 };