@morphika/andami 0.1.2

package/sanity/schemas/customSection.ts

@@ -0,0 +1,69 @@
+import { defineField, defineType } from "sanity";
+
+/**
+ * customSection — Reusable V2 section designed in-place via the builder.
+ *
+ * A custom section wraps a full `pageSectionV2` and can be inserted into
+ * any page as a linked instance. The user creates and edits custom sections
+ * within the builder canvas using a scoped "section editor" mode.
+ *
+ * Session 107: Custom Sections System — Phase 1 (Data Layer).
+ * Session 129: Removed is_footer singleton — footers are now regular custom sections.
+ */
+export default defineType({
+  name: "customSection",
+  title: "Custom Section",
+  type: "document",
+  fields: [
+    defineField({
+      name: "title",
+      title: "Title",
+      type: "string",
+      validation: (Rule) => Rule.required().max(200),
+    }),
+
+    defineField({
+      name: "slug",
+      title: "Slug",
+      type: "slug",
+      options: { source: "title", maxLength: 200 },
+      validation: (Rule) => Rule.required(),
+    }),
+
+    defineField({
+      name: "description",
+      title: "Description",
+      type: "string",
+      description: "Optional description shown in the section picker",
+    }),
+
+    // ★ Reuses existing V2 section schema — same columns, blocks, settings, responsive
+    defineField({
+      name: "section",
+      title: "Section Content",
+      type: "pageSectionV2",
+    }),
+
+    defineField({
+      name: "thumbnail_path",
+      title: "Thumbnail",
+      type: "string",
+      description: "Optional preview image path for the section picker",
+    }),
+
+    defineField({
+      name: "updated_at",
+      title: "Updated At",
+      type: "datetime",
+    }),
+  ],
+  preview: {
+    select: { title: "title" },
+    prepare({ title }) {
+      return {
+        title: title || "Untitled Section",
+        subtitle: "Custom Section",
+      };
+    },
+  },
+});

package/sanity/schemas/customSectionInstance.ts

@@ -0,0 +1,163 @@
+import { defineField, defineType } from "sanity";
+
+/**
+ * customSectionInstance — A reference to a reusable custom section placed on a page.
+ *
+ * Content (columns/blocks) is shared via the referenced `customSection` document.
+ * Layout and animation settings can be overridden per-instance via `settings_overrides`
+ * and `responsive_overrides`.
+ *
+ * Session 133: Created as a proper Sanity object type so that `settings_overrides` and
+ * `responsive_overrides` are persisted correctly. Previously these fields were stripped
+ * by Sanity because `customSectionInstance` was not declared in the page schema's
+ * `content_rows` array `of` types.
+ */
+
+// Shared section settings fields — reused in settings_overrides and responsive viewport objects
+const sectionSettingsFields = [
+  // Grid
+  defineField({ name: "preset", title: "Layout Preset", type: "string" }),
+  defineField({ name: "grid_columns", title: "Grid Columns", type: "number" }),
+  defineField({ name: "col_gap", title: "Column Gap", type: "number" }),
+  defineField({ name: "row_gap", title: "Row Gap", type: "number" }),
+  // Spacing (padding TRBL)
+  defineField({ name: "spacing_top", title: "Spacing Top", type: "string" }),
+  defineField({ name: "spacing_right", title: "Spacing Right", type: "string" }),
+  defineField({ name: "spacing_bottom", title: "Spacing Bottom", type: "string" }),
+  defineField({ name: "spacing_left", title: "Spacing Left", type: "string" }),
+  // Offset (margin TRBL)
+  defineField({ name: "offset_top", title: "Offset Top", type: "string" }),
+  defineField({ name: "offset_right", title: "Offset Right", type: "string" }),
+  defineField({ name: "offset_bottom", title: "Offset Bottom", type: "string" }),
+  defineField({ name: "offset_left", title: "Offset Left", type: "string" }),
+  // Background
+  defineField({ name: "background_color", title: "Background Color", type: "string" }),
+  defineField({ name: "background_opacity", title: "Background Opacity", type: "number" }),
+  defineField({ name: "background_image", title: "Background Image", type: "string" }),
+  defineField({ name: "background_size", title: "Background Size", type: "string" }),
+  defineField({ name: "background_position", title: "Background Position", type: "string" }),
+  defineField({ name: "background_repeat", title: "Background Repeat", type: "string" }),
+  // Border
+  defineField({ name: "border_color", title: "Border Color", type: "string" }),
+  defineField({ name: "border_width", title: "Border Width", type: "string" }),
+  defineField({ name: "border_style", title: "Border Style", type: "string" }),
+  defineField({ name: "border_sides", title: "Border Sides", type: "string" }),
+  defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+  // Animation
+  defineField({ name: "enter_animation", title: "Enter Animation", type: "enterAnimationConfig" }),
+  // Stagger
+  defineField({
+    name: "stagger",
+    title: "Stagger",
+    type: "object",
+    fields: [
+      defineField({ name: "enabled", title: "Enabled", type: "boolean" }),
+      defineField({ name: "delayPerChild", title: "Delay Per Child", type: "number" }),
+      defineField({ name: "direction", title: "Direction", type: "string" }),
+    ],
+  }),
+];
+
+// Responsive viewport override fields (subset used per viewport)
+const responsiveViewportFields = [
+  defineField({
+    name: "columns",
+    title: "Column Overrides",
+    type: "array",
+    of: [
+      {
+        type: "object",
+        name: "columnOverride",
+        fields: [
+          defineField({ name: "grid_column", title: "Grid Column", type: "number" }),
+          defineField({ name: "grid_row", title: "Grid Row", type: "number" }),
+          defineField({ name: "span", title: "Span", type: "number" }),
+        ],
+      },
+    ],
+  }),
+  defineField({ name: "col_gap", title: "Column Gap", type: "number" }),
+  defineField({ name: "row_gap", title: "Row Gap", type: "number" }),
+  defineField({ name: "spacing_top", type: "string", title: "Spacing Top" }),
+  defineField({ name: "spacing_right", type: "string", title: "Spacing Right" }),
+  defineField({ name: "spacing_bottom", type: "string", title: "Spacing Bottom" }),
+  defineField({ name: "spacing_left", type: "string", title: "Spacing Left" }),
+  defineField({ name: "offset_top", type: "string", title: "Offset Top" }),
+  defineField({ name: "offset_right", type: "string", title: "Offset Right" }),
+  defineField({ name: "offset_bottom", type: "string", title: "Offset Bottom" }),
+  defineField({ name: "offset_left", type: "string", title: "Offset Left" }),
+  defineField({ name: "background_color", type: "string", title: "Background Color" }),
+  defineField({ name: "background_opacity", type: "number", title: "Background Opacity" }),
+  defineField({ name: "border_color", type: "string", title: "Border Color" }),
+  defineField({ name: "border_width", type: "string", title: "Border Width" }),
+  defineField({ name: "border_style", type: "string", title: "Border Style" }),
+  defineField({ name: "border_sides", type: "string", title: "Border Sides" }),
+  defineField({ name: "border_radius", type: "string", title: "Border Radius" }),
+];
+
+export default defineType({
+  name: "customSectionInstance",
+  title: "Custom Section Instance",
+  type: "object",
+  fields: [
+    // Reference to the custom section document
+    defineField({
+      name: "custom_section_id",
+      title: "Custom Section ID",
+      type: "string",
+      description: "Sanity document ID of the referenced custom section",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: "custom_section_slug",
+      title: "Custom Section Slug",
+      type: "string",
+    }),
+    defineField({
+      name: "custom_section_title",
+      title: "Custom Section Title",
+      type: "string",
+    }),
+
+    // Per-instance layout/animation overrides (same shape as pageSectionV2.settings)
+    defineField({
+      name: "settings_overrides",
+      title: "Settings Overrides",
+      type: "object",
+      hidden: true, // Managed by the visual builder
+      fields: sectionSettingsFields,
+    }),
+
+    // Per-instance responsive overrides (same shape as pageSectionV2.responsive)
+    defineField({
+      name: "responsive_overrides",
+      title: "Responsive Overrides",
+      type: "object",
+      hidden: true, // Managed by the visual builder
+      fields: [
+        defineField({
+          name: "tablet",
+          title: "Tablet",
+          type: "object",
+          fields: [
+            defineField({ name: "settings", title: "Settings", type: "object", fields: responsiveViewportFields }),
+          ],
+        }),
+        defineField({
+          name: "phone",
+          title: "Phone",
+          type: "object",
+          fields: [
+            defineField({ name: "settings", title: "Settings", type: "object", fields: responsiveViewportFields }),
+          ],
+        }),
+      ],
+    }),
+  ],
+  preview: {
+    select: { title: "custom_section_title" },
+    prepare({ title }) {
+      return { title: title || "Custom Section" };
+    },
+  },
+});

package/sanity/schemas/index.ts

@@ -0,0 +1,111 @@
+import page from "./page";
+import pageSection from "./pageSection";
+import pageSectionV2 from "./pageSectionV2";
+import customSection from "./customSection";
+import customSectionInstance from "./customSectionInstance";
+import siteSettings from "./siteSettings";
+import siteStyles from "./siteStyles";
+import assetRegistry from "./assetRegistry";
+import enterAnimationConfig from "./objects/enterAnimationConfig";
+import hoverEffectConfig from "./objects/hoverEffectConfig";
+import typewriterConfig from "./objects/typewriterConfig";
+import parallaxSlide from "./objects/parallaxSlide";
+import parallaxGroup from "./objects/parallaxGroup";
+import {
+  textBlock,
+  imageBlock,
+  imageGridBlock,
+  videoBlock,
+  spacerBlock,
+  buttonBlock,
+  coverBlock,
+  projectGridBlock,
+} from "./blocks";
+
+// Re-export individual schemas for granular use by instances
+export {
+  default as page,
+} from "./page";
+export {
+  default as siteSettings,
+} from "./siteSettings";
+export {
+  default as siteStyles,
+} from "./siteStyles";
+export {
+  default as assetRegistry,
+} from "./assetRegistry";
+export {
+  default as pageSection,
+} from "./pageSection";
+export {
+  default as pageSectionV2,
+} from "./pageSectionV2";
+export {
+  default as customSection,
+} from "./customSection";
+export {
+  default as customSectionInstance,
+} from "./customSectionInstance";
+export {
+  default as enterAnimationConfig,
+} from "./objects/enterAnimationConfig";
+export {
+  default as hoverEffectConfig,
+} from "./objects/hoverEffectConfig";
+export {
+  default as typewriterConfig,
+} from "./objects/typewriterConfig";
+export {
+  default as parallaxSlide,
+} from "./objects/parallaxSlide";
+export {
+  default as parallaxGroup,
+} from "./objects/parallaxGroup";
+export {
+  textBlock,
+  imageBlock,
+  imageGridBlock,
+  videoBlock,
+  spacerBlock,
+  buttonBlock,
+  coverBlock,
+  projectGridBlock,
+} from "./blocks";
+
+export const schemaTypes = [
+  // Documents
+  page,
+  siteSettings,
+  siteStyles,
+  assetRegistry,
+
+  // Structural objects
+  pageSection,
+  pageSectionV2,
+  customSection,
+  customSectionInstance,
+
+  // Reusable objects
+  enterAnimationConfig,     // Enter animation system (Session 117)
+  hoverEffectConfig,        // Unified hover effect system (Session 117)
+  typewriterConfig,         // Typewriter config for textBlock (Session 117)
+  parallaxSlide,            // Parallax V2 slide (Session 123)
+  parallaxGroup,            // Parallax V2 group (Session 123)
+
+  // Blocks (8)
+  textBlock,
+  imageBlock,
+  imageGridBlock,
+  videoBlock,
+  spacerBlock,
+  buttonBlock,
+  coverBlock,
+  projectGridBlock,
+];
+
+/**
+ * Named alias for instance consumption.
+ * Instances import this and pass to composeSchemas().
+ */
+export const coreSchemas = schemaTypes;

package/sanity/schemas/objects/enterAnimationConfig.ts

@@ -0,0 +1,72 @@
+import { defineType, defineField } from "sanity";
+
+/**
+ * Enter animation config — unified "enter" animation (replaces scroll/enter/load triggers).
+ *
+ * IntersectionObserver-based: above-the-fold elements play immediately,
+ * below-the-fold elements play once when they scroll into view.
+ *
+ * Used at page, section, column, and block levels.
+ *
+ * Session 117 — Animation UX Refactor.
+ */
+const enterAnimationConfig = defineType({
+  name: "enterAnimationConfig",
+  title: "Enter Animation",
+  type: "object",
+  fields: [
+    defineField({
+      name: "preset",
+      title: "Preset",
+      type: "string",
+      options: {
+        list: [
+          { title: "None", value: "none" },
+          { title: "Fade", value: "fade" },
+          { title: "Slide Up", value: "slide-up" },
+          { title: "Slide Down", value: "slide-down" },
+          { title: "Scale", value: "scale" },
+          { title: "Blur", value: "blur" },
+          { title: "Reveal", value: "reveal" },
+          // Block-specific presets (also valid in schema for flexibility):
+          { title: "Typewriter", value: "typewriter" },
+          { title: "Blur In", value: "blur-in" },
+        ],
+      },
+      initialValue: "none",
+    }),
+    defineField({
+      name: "duration",
+      title: "Duration (ms)",
+      type: "number",
+      description: "Animation duration in milliseconds",
+      initialValue: 600,
+      validation: (Rule) => Rule.min(100).max(5000),
+    }),
+    defineField({
+      name: "delay",
+      title: "Delay (ms)",
+      type: "number",
+      description: "Delay before animation starts",
+      initialValue: 0,
+      validation: (Rule) => Rule.min(0).max(5000),
+    }),
+    defineField({
+      name: "easing",
+      title: "Easing",
+      type: "string",
+      options: {
+        list: [
+          { title: "Ease Out", value: "ease-out" },
+          { title: "Ease", value: "ease" },
+          { title: "Ease In", value: "ease-in" },
+          { title: "Ease In Out", value: "ease-in-out" },
+          { title: "Linear", value: "linear" },
+        ],
+      },
+      initialValue: "ease-out",
+    }),
+  ],
+});
+
+export default enterAnimationConfig;

package/sanity/schemas/objects/hoverEffectConfig.ts

@@ -0,0 +1,90 @@
+import { defineType, defineField } from "sanity";
+
+/**
+ * Hover effect config — unified hover effects (CSS + shader).
+ *
+ * Replaces both HoverAnimationConfig and ShaderEffectConfig.
+ * Block-level only — no cascade.
+ *
+ * Shader-specific fields (shader_speed, shader_smoothness) are only
+ * relevant when preset is "ripple", "rgb-shift", or "pixelate".
+ *
+ * Session 117 — Animation UX Refactor.
+ */
+const hoverEffectConfig = defineType({
+  name: "hoverEffectConfig",
+  title: "Hover Effect",
+  type: "object",
+  fields: [
+    defineField({
+      name: "preset",
+      title: "Preset",
+      type: "string",
+      options: {
+        list: [
+          { title: "None", value: "none" },
+          // CSS-based hovers
+          { title: "Scale Up", value: "scale-up" },
+          { title: "Scale Down", value: "scale-down" },
+          { title: "Lift", value: "lift" },
+          { title: "Tilt 3D", value: "tilt-3d" },
+          { title: "Color Shift", value: "color-shift" },
+          { title: "Blur Reveal", value: "blur-reveal" },
+          { title: "Border Glow", value: "border-glow" },
+          // Shader-based hovers
+          { title: "Ripple", value: "ripple" },
+          { title: "RGB Shift", value: "rgb-shift" },
+          { title: "Pixelate", value: "pixelate" },
+        ],
+      },
+      initialValue: "none",
+    }),
+    defineField({
+      name: "duration",
+      title: "Duration (ms)",
+      type: "number",
+      description: "Transition duration in milliseconds",
+      initialValue: 300,
+      validation: (Rule) => Rule.min(50).max(5000),
+    }),
+    defineField({
+      name: "easing",
+      title: "Easing",
+      type: "string",
+      options: {
+        list: [
+          { title: "Ease Out", value: "ease-out" },
+          { title: "Ease", value: "ease" },
+          { title: "Ease In", value: "ease-in" },
+          { title: "Ease In Out", value: "ease-in-out" },
+          { title: "Linear", value: "linear" },
+        ],
+      },
+      initialValue: "ease-out",
+    }),
+    defineField({
+      name: "shader_speed",
+      title: "Shader Speed",
+      type: "number",
+      description: "Animation speed multiplier for shader effects (0.5–3.0)",
+      initialValue: 1.0,
+      validation: (Rule) => Rule.min(0.5).max(3.0),
+    }),
+    defineField({
+      name: "shader_smoothness",
+      title: "Shader Smoothness",
+      type: "string",
+      description: "Lerp smoothness for shader effects",
+      options: {
+        list: [
+          { title: "Snappy", value: "snappy" },
+          { title: "Normal", value: "normal" },
+          { title: "Smooth", value: "smooth" },
+        ],
+      },
+      initialValue: "normal",
+    }),
+  ],
+});
+
+export default hoverEffectConfig;

package/sanity/schemas/objects/parallaxGroup.ts

@@ -0,0 +1,66 @@
+import { defineField, defineType } from "sanity";
+
+/**
+ * parallaxGroup — A group of full-screen parallax slides.
+ *
+ * Lives inline in a page's content_rows alongside PageSection,
+ * PageSectionV2, and CustomSectionInstance. Each slide is a
+ * full V2 section with background image/video and 100vh height.
+ *
+ * Session 123: Parallax V2 rewrite.
+ */
+export default defineType({
+  name: "parallaxGroup",
+  title: "Parallax Group",
+  type: "object",
+  fields: [
+    // ---- Slides ----
+    defineField({
+      name: "slides",
+      title: "Slides",
+      type: "array",
+      of: [{ type: "parallaxSlide" }],
+      validation: (Rule) => Rule.min(1),
+    }),
+
+    // ---- Group Settings ----
+    defineField({
+      name: "transition_effect",
+      title: "Transition Effect",
+      type: "string",
+      options: {
+        list: [
+          { title: "Parallax", value: "parallax" },
+          { title: "Crossfade", value: "crossfade" },
+          { title: "Reveal", value: "reveal" },
+        ],
+      },
+      initialValue: "parallax",
+    }),
+    defineField({
+      name: "snap_enabled",
+      title: "Snap Enabled",
+      type: "boolean",
+      initialValue: true,
+    }),
+    defineField({
+      name: "parallax_intensity",
+      title: "Parallax Intensity",
+      type: "number",
+      description: "Background scroll speed factor (0.2–0.6)",
+      initialValue: 0.4,
+      validation: (Rule) => Rule.min(0.2).max(0.6),
+      hidden: true, // Hardcoded, not exposed in UI
+    }),
+  ],
+  preview: {
+    select: { slides: "slides" },
+    prepare({ slides }) {
+      const count = Array.isArray(slides) ? slides.length : 0;
+      return {
+        title: "Parallax Showcase",
+        subtitle: `${count} slide${count !== 1 ? "s" : ""}`,
+      };
+    },
+  },
+});