@morphika/andami 0.3.1 → 0.4.1

package/sanity/schemas/blocks/projectCarouselBlock.ts

@@ -0,0 +1,218 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+/**
+ * projectCarouselBlock — horizontal carousel of projects.
+ *
+ * Intended use: "keep browsing" row at the end of a project page, but usable
+ * on any page. Projects are pulled automatically (latest / random) — no
+ * manual selection list. When placed on /work/[slug], the current project
+ * can be filtered out automatically via `exclude_current`.
+ *
+ * Treated as a **section-level block** (same semantics as projectGridBlock):
+ * it lives in a full-width column of a pageSectionV2 and is added via the
+ * "+ Add Section" modal, not the "+ Add Block" picker.
+ *
+ * Intentionally independent from projectGridBlock — the two share visual
+ * primitives (thumbnail resolution, project data shape) but no coupled
+ * code, so changes on one side never break the other.
+ */
+export const projectCarouselBlock = defineType({
+  name: "projectCarouselBlock",
+  title: "Project Carousel",
+  type: "object",
+  fields: [
+    // ─── Source ───
+    defineField({
+      name: "source_mode",
+      title: "Source",
+      type: "string",
+      description: "How projects are selected for the carousel",
+      options: {
+        list: [
+          { title: "Latest projects", value: "auto_latest" },
+          { title: "Random projects", value: "auto_random" },
+        ],
+      },
+      initialValue: "auto_latest",
+    }),
+    defineField({
+      name: "max_projects",
+      title: "Number of projects",
+      type: "number",
+      description: "How many projects to show (2–20)",
+      initialValue: 8,
+      validation: (Rule) => Rule.min(2).max(20).integer(),
+    }),
+    defineField({
+      name: "exclude_current",
+      title: "Exclude current project",
+      type: "boolean",
+      description:
+        "When the carousel is on a /work/[slug] page, automatically filter out the project currently being viewed",
+      initialValue: true,
+    }),
+
+    // ─── Layout ───
+    defineField({
+      name: "cards_per_view_desktop",
+      title: "Cards per view (desktop)",
+      type: "number",
+      description: "Supports fractional values — e.g. 3.5 shows half of the next card to hint 'more content'",
+      initialValue: 3.5,
+      validation: (Rule) => Rule.min(1).max(6),
+    }),
+    defineField({
+      name: "cards_per_view_tablet",
+      title: "Cards per view (tablet)",
+      type: "number",
+      initialValue: 2.2,
+      validation: (Rule) => Rule.min(1).max(4),
+    }),
+    defineField({
+      name: "cards_per_view_phone",
+      title: "Cards per view (phone)",
+      type: "number",
+      initialValue: 1.2,
+      validation: (Rule) => Rule.min(1).max(3),
+    }),
+    defineField({
+      name: "gap",
+      title: "Gap between cards (px)",
+      type: "number",
+      initialValue: 16,
+      validation: (Rule) => Rule.min(0).max(80),
+    }),
+
+    // ─── Card Display ───
+    defineField({
+      name: "aspect_ratio",
+      title: "Card aspect ratio",
+      type: "string",
+      options: {
+        list: [
+          { title: "Landscape (16:9)", value: "16/9" },
+          { title: "Standard (4:3)", value: "4/3" },
+          { title: "Square (1:1)", value: "1/1" },
+          { title: "Portrait (3:4)", value: "3/4" },
+          { title: "Tall (9:16)", value: "9/16" },
+        ],
+      },
+      initialValue: "4/3",
+    }),
+    defineField({
+      name: "show_title",
+      title: "Show title",
+      type: "boolean",
+      initialValue: true,
+    }),
+    defineField({
+      name: "show_subtitle",
+      title: "Show subtitle",
+      type: "boolean",
+      initialValue: false,
+    }),
+    defineField({
+      name: "border_radius",
+      title: "Border radius (px)",
+      type: "number",
+      initialValue: 0,
+    }),
+    defineField({
+      name: "hover_effect",
+      title: "Hover effect",
+      type: "string",
+      options: {
+        list: [
+          { title: "Scale", value: "scale" },
+          { title: "None", value: "none" },
+        ],
+      },
+      initialValue: "scale",
+    }),
+
+    // ─── Video ───
+    defineField({
+      name: "video_mode",
+      title: "Video mode",
+      type: "string",
+      options: {
+        list: [
+          { title: "Off", value: "off" },
+          { title: "Hover", value: "hover" },
+          { title: "Autoloop", value: "autoloop" },
+        ],
+      },
+      initialValue: "off",
+    }),
+
+    // ─── Controls ───
+    defineField({
+      name: "show_arrows",
+      title: "Show prev / next arrows",
+      type: "boolean",
+      initialValue: true,
+    }),
+    defineField({
+      name: "show_dots",
+      title: "Show pagination dots",
+      type: "boolean",
+      initialValue: false,
+    }),
+    defineField({
+      name: "snap_scroll",
+      title: "Snap scrolling",
+      type: "boolean",
+      description: "Cards snap into place as the user scrolls / swipes",
+      initialValue: true,
+    }),
+
+    // ─── Card entrance animation ───
+    defineField({
+      name: "card_entrance",
+      title: "Card Entrance Animation",
+      type: "object",
+      fields: [
+        defineField({ name: "enabled", title: "Enabled", type: "boolean", initialValue: false }),
+        defineField({
+          name: "preset",
+          title: "Preset",
+          type: "string",
+          options: {
+            list: [
+              { title: "Fade", value: "fade" },
+              { title: "Slide Up", value: "slide-up" },
+              { title: "Scale", value: "scale" },
+            ],
+          },
+          initialValue: "slide-up",
+        }),
+        defineField({
+          name: "stagger_delay",
+          title: "Stagger Delay",
+          type: "number",
+          description: "Delay between cards (ms)",
+          initialValue: 80,
+        }),
+        defineField({
+          name: "duration",
+          title: "Duration",
+          type: "number",
+          description: "Animation duration (ms)",
+          initialValue: 500,
+        }),
+      ],
+    }),
+
+    // ─── Standard block fields ───
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { mode: "source_mode", n: "max_projects" },
+    prepare({ mode, n }: { mode?: string; n?: number }) {
+      const modeLabel = mode === "auto_random" ? "Random" : "Latest";
+      return { title: `Project Carousel (${modeLabel} · ${n ?? 8})` };
+    },
+  },
+});

package/sanity/schemas/index.ts

@@ -19,6 +19,7 @@ import {
   spacerBlock,
   buttonBlock,
   projectGridBlock,
+  projectCarouselBlock,
 } from "./blocks";
 
 // Re-export individual schemas for granular use by instances
@@ -69,6 +70,7 @@ export {
   spacerBlock,
   buttonBlock,
   projectGridBlock,
+  projectCarouselBlock,
 } from "./blocks";
 
 export const schemaTypes = [
@@ -91,7 +93,7 @@ export const schemaTypes = [
   parallaxGroup,            // Parallax V2 group (Session 123)
   coverSection,             // Cover Section — proportional rows (Session 176)
 
-  // Blocks (8)
+  // Blocks (9)
   textBlock,
   imageBlock,
   imageGridBlock,
@@ -99,6 +101,7 @@ export const schemaTypes = [
   spacerBlock,
   buttonBlock,
   projectGridBlock,
+  projectCarouselBlock,
 ];
 
 /**

package/sanity/schemas/pageSectionV2.ts

@@ -67,6 +67,7 @@ export default defineType({
                 { type: "spacerBlock" },
                 { type: "buttonBlock" },
                 { type: "projectGridBlock" },
+                { type: "projectCarouselBlock" },
               ],
             }),
             // Column-level enter animation (Session 117)