@morphika/andami 0.1.2

package/sanity/schemas/blocks/imageBlock.ts

@@ -0,0 +1,58 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const imageBlock = defineType({
+  name: "imageBlock",
+  title: "Image Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "asset_path",
+      title: "Asset Path",
+      type: "string",
+      description: "Relative path to the image file",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({ name: "alt", title: "Alt Text", type: "string" }),
+    defineField({ name: "caption", title: "Caption", type: "string" }),
+    defineField({
+      name: "width",
+      title: "Width",
+      type: "string",
+      options: {
+        list: [
+          { title: "Full", value: "full" },
+          { title: "Contained", value: "contained" },
+          { title: "Small", value: "small" },
+        ],
+      },
+      initialValue: "full",
+    }),
+    defineField({
+      name: "aspect_ratio",
+      title: "Aspect Ratio",
+      type: "string",
+      options: {
+        list: [
+          { title: "Auto", value: "auto" },
+          { title: "16:9", value: "16:9" },
+          { title: "4:3", value: "4:3" },
+          { title: "1:1", value: "1:1" },
+          { title: "21:9", value: "21:9" },
+        ],
+      },
+      initialValue: "auto",
+    }),
+    defineField({ name: "lazy", title: "Lazy Load", type: "boolean", initialValue: true }),
+    defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+    defineField({ name: "shadow", title: "Shadow", type: "boolean", initialValue: false }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { path: "asset_path", alt: "alt" },
+    prepare({ path, alt }) {
+      return { title: alt || path || "Image block" };
+    },
+  },
+});

package/sanity/schemas/blocks/imageGridBlock.ts

@@ -0,0 +1,112 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const imageGridBlock = defineType({
+  name: "imageGridBlock",
+  title: "Image Grid Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "images",
+      title: "Images",
+      type: "array",
+      of: [
+        {
+          type: "object",
+          fields: [
+            defineField({
+              name: "asset_path",
+              title: "Asset Path",
+              type: "string",
+              validation: (Rule) => Rule.required(),
+            }),
+            defineField({ name: "alt", title: "Alt Text", type: "string" }),
+          ],
+          preview: {
+            select: { path: "asset_path", alt: "alt" },
+            prepare({ path, alt }) {
+              return { title: alt || path || "Image" };
+            },
+          },
+        },
+      ],
+    }),
+    defineField({
+      name: "h_gutter",
+      title: "Horizontal Gutter",
+      type: "number",
+      initialValue: 10,
+    }),
+    defineField({
+      name: "v_gutter",
+      title: "Vertical Gutter",
+      type: "number",
+      initialValue: 10,
+    }),
+    defineField({
+      name: "images_per_row",
+      title: "Images Per Row",
+      type: "number",
+      options: {
+        list: [
+          { title: "1 Image", value: 1 },
+          { title: "2 Images", value: 2 },
+          { title: "4 Images", value: 4 },
+          { title: "6 Images", value: 6 },
+          { title: "12 Images", value: 12 },
+        ],
+      },
+      initialValue: 2,
+    }),
+    defineField({
+      name: "random_grid",
+      title: "Random Grid",
+      type: "string",
+      options: {
+        list: [
+          { title: "Disabled", value: "disabled" },
+          { title: "Small 2 Col, Big 4 Col", value: "small2-big4" },
+          { title: "Small 3 Col, Big 6 Col", value: "small3-big6" },
+          { title: "Small 4 Col, Big 8 Col", value: "small4-big8" },
+        ],
+      },
+      initialValue: "disabled",
+    }),
+    defineField({
+      name: "random_seed",
+      title: "Random Seed",
+      type: "number",
+      description: "Seed for random grid layout — change to re-randomize",
+      initialValue: 1,
+    }),
+    defineField({
+      name: "lightbox",
+      title: "Lightbox",
+      type: "boolean",
+      initialValue: false,
+    }),
+    defineField({
+      name: "object_fit",
+      title: "Object Fit",
+      type: "string",
+      options: {
+        list: [
+          { title: "Cover", value: "cover" },
+          { title: "Contain", value: "contain" },
+        ],
+      },
+      initialValue: "cover",
+    }),
+    defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { images: "images", images_per_row: "images_per_row", random_grid: "random_grid" },
+    prepare({ images, images_per_row, random_grid }) {
+      const count = images?.length || 0;
+      const mode = random_grid && random_grid !== "disabled" ? `random` : `${images_per_row || 2}/row`;
+      return { title: `Image Grid (${mode}) — ${count} images` };
+    },
+  },
+});

package/sanity/schemas/blocks/index.ts

@@ -0,0 +1,9 @@
+// Block schemas (8)
+export { textBlock } from "./textBlock";
+export { imageBlock } from "./imageBlock";
+export { imageGridBlock } from "./imageGridBlock";
+export { videoBlock } from "./videoBlock";
+export { spacerBlock } from "./spacerBlock";
+export { buttonBlock } from "./buttonBlock";
+export { coverBlock } from "./coverBlock";
+export { projectGridBlock } from "./projectGridBlock";

package/sanity/schemas/blocks/projectGridBlock.ts

@@ -0,0 +1,251 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+/**
+ * projectGridBlock — v2 schema (Session 105).
+ *
+ * Single masonry grid mode. Columns 1–6, multi-select aspect ratios,
+ * separate H/V gaps, hover effects (scale/3d/none), video modes,
+ * per-card overrides.
+ *
+ * Not available in the regular block picker — only injected via page templates.
+ */
+export const projectGridBlock = defineType({
+  name: "projectGridBlock",
+  title: "Project Grid Block",
+  type: "object",
+  fields: [
+    // ─── Grid Settings ───
+    defineField({
+      name: "columns",
+      title: "Columns",
+      type: "number",
+      description: "Number of columns (1–6)",
+      initialValue: 3,
+      validation: (Rule) => Rule.min(1).max(6).integer(),
+    }),
+    defineField({
+      name: "aspect_ratios",
+      title: "Aspect Ratios",
+      type: "array",
+      of: [{ type: "string" }],
+      description: "One or more aspect ratios for cards. Random distribution when multiple selected.",
+      options: {
+        list: [
+          { title: "Landscape (16:9)", value: "16/9" },
+          { title: "Square (1:1)", value: "1/1" },
+          { title: "Portrait (9:16)", value: "9/16" },
+        ],
+      },
+      initialValue: ["16/9"],
+      validation: (Rule) => Rule.min(1),
+    }),
+    defineField({
+      name: "gap_v",
+      title: "Vertical Gap",
+      type: "number",
+      description: "Vertical gap between cards in px",
+      initialValue: 16,
+    }),
+    defineField({
+      name: "gap_h",
+      title: "Horizontal Gap",
+      type: "number",
+      description: "Horizontal gap between cards in px",
+      initialValue: 16,
+    }),
+
+    // ─── Appearance ───
+    defineField({
+      name: "hover_effect",
+      title: "Hover Effect",
+      type: "string",
+      options: {
+        list: [
+          { title: "3D Tilt", value: "3d" },
+          { title: "Scale", value: "scale" },
+          { title: "None", value: "none" },
+        ],
+      },
+      initialValue: "scale",
+    }),
+    defineField({
+      name: "show_subtitle",
+      title: "Show Subtitle",
+      type: "boolean",
+      initialValue: true,
+    }),
+    defineField({
+      name: "border_radius",
+      title: "Border Radius",
+      type: "number",
+      description: "Card corner radius in px",
+      initialValue: 0,
+    }),
+
+    // ─── 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",
+    }),
+
+    // ─── 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,
+        }),
+      ],
+    }),
+
+    // ─── Projects ───
+    defineField({
+      name: "projects",
+      title: "Projects",
+      type: "array",
+      of: [
+        {
+          type: "object",
+          fields: [
+            defineField({
+              name: "project_slug",
+              title: "Project Slug",
+              type: "string",
+              validation: (Rule) => Rule.required(),
+            }),
+            defineField({
+              name: "custom_thumbnail",
+              title: "Custom Thumbnail",
+              type: "string",
+              description: "Override the project thumbnail (asset path)",
+            }),
+            defineField({
+              name: "custom_subtitle",
+              title: "Custom Subtitle",
+              type: "string",
+              description: "Override the project subtitle",
+            }),
+            defineField({
+              name: "aspect_ratio_override",
+              title: "Aspect Ratio Override",
+              type: "string",
+              description: "Override aspect ratio for this specific card (null = inherit grid)",
+              options: {
+                list: [
+                  { title: "Landscape (16:9)", value: "16/9" },
+                  { title: "Square (1:1)", value: "1/1" },
+                  { title: "Portrait (9:16)", value: "9/16" },
+                ],
+              },
+            }),
+            defineField({
+              name: "responsive",
+              title: "Responsive Overrides",
+              type: "object",
+              description: "Viewport-specific per-card overrides",
+              fields: [
+                defineField({
+                  name: "tablet",
+                  title: "Tablet",
+                  type: "object",
+                  fields: [
+                    defineField({
+                      name: "aspect_ratio_override",
+                      title: "Aspect Ratio Override",
+                      type: "string",
+                      options: {
+                        list: [
+                          { title: "Landscape (16:9)", value: "16/9" },
+                          { title: "Square (1:1)", value: "1/1" },
+                          { title: "Portrait (9:16)", value: "9/16" },
+                        ],
+                      },
+                    }),
+                  ],
+                }),
+                defineField({
+                  name: "phone",
+                  title: "Phone",
+                  type: "object",
+                  fields: [
+                    defineField({
+                      name: "aspect_ratio_override",
+                      title: "Aspect Ratio Override",
+                      type: "string",
+                      options: {
+                        list: [
+                          { title: "Landscape (16:9)", value: "16/9" },
+                          { title: "Square (1:1)", value: "1/1" },
+                          { title: "Portrait (9:16)", value: "9/16" },
+                        ],
+                      },
+                    }),
+                  ],
+                }),
+              ],
+            }),
+          ],
+          preview: {
+            select: { slug: "project_slug" },
+            prepare({ slug }) {
+              return { title: slug || "Project" };
+            },
+          },
+        },
+      ],
+    }),
+
+    // ─── Standard block fields ───
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { projects: "projects", columns: "columns" },
+    prepare({ projects, columns }) {
+      const count = projects?.length || 0;
+      return { title: `Project Grid (${columns || 3} col) — ${count} projects` };
+    },
+  },
+});

package/sanity/schemas/blocks/spacerBlock.ts

@@ -0,0 +1,41 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const spacerBlock = defineType({
+  name: "spacerBlock",
+  title: "Spacer Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "height",
+      title: "Height",
+      type: "string",
+      options: {
+        list: [
+          { title: "Small (24px)", value: "small" },
+          { title: "Medium (48px)", value: "medium" },
+          { title: "Large (96px)", value: "large" },
+          { title: "XLarge (144px)", value: "xlarge" },
+          { title: "Custom", value: "custom" },
+        ],
+      },
+      initialValue: "medium",
+    }),
+    defineField({
+      name: "custom_height",
+      title: "Custom Height (px)",
+      type: "number",
+      description: "Only used when height is set to Custom",
+      hidden: ({ parent }) => parent?.height !== "custom",
+    }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { height: "height", custom: "custom_height" },
+    prepare({ height, custom }) {
+      const label = height === "custom" ? `${custom || 0}px` : height || "medium";
+      return { title: `Spacer — ${label}` };
+    },
+  },
+});

package/sanity/schemas/blocks/textBlock.ts

@@ -0,0 +1,139 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const textBlock = defineType({
+  name: "textBlock",
+  title: "Text Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "text",
+      title: "Text",
+      type: "array",
+      of: [
+        {
+          type: "block",
+          styles: [
+            { title: "Normal", value: "normal" },
+            { title: "H1", value: "h1" },
+            { title: "H2", value: "h2" },
+            { title: "H3", value: "h3" },
+            { title: "H4", value: "h4" },
+            { title: "Quote", value: "blockquote" },
+          ],
+          marks: {
+            decorators: [
+              { title: "Bold", value: "strong" },
+              { title: "Italic", value: "em" },
+              { title: "Underline", value: "underline" },
+              { title: "Strike", value: "strike-through" },
+            ],
+            annotations: [
+              {
+                name: "link",
+                type: "object",
+                title: "Link",
+                fields: [
+                  defineField({
+                    name: "href",
+                    type: "url",
+                    title: "URL",
+                    validation: (Rule) =>
+                      Rule.uri({ allowRelative: true, scheme: ["http", "https", "mailto"] }),
+                  }),
+                  defineField({
+                    name: "blank",
+                    type: "boolean",
+                    title: "Open in new tab",
+                  }),
+                ],
+              },
+            ],
+          },
+        },
+      ],
+    }),
+    defineField({
+      name: "columns",
+      title: "Columns",
+      type: "number",
+      description: "Number of text columns (1–4). Gap inherits the global grid gutter.",
+      validation: (Rule) => Rule.min(1).max(4).integer(),
+      initialValue: 1,
+    }),
+    defineField({
+      name: "style",
+      title: "Style",
+      type: "object",
+      fields: [
+        defineField({
+          name: "fontSize",
+          title: "Font Size",
+          type: "string",
+          options: {
+            list: [
+              { title: "Small", value: "small" },
+              { title: "Base", value: "base" },
+              { title: "Large", value: "large" },
+              { title: "XL", value: "xl" },
+              { title: "2XL", value: "2xl" },
+              { title: "3XL", value: "3xl" },
+            ],
+          },
+        }),
+        defineField({ name: "color", title: "Text Color", type: "string" }),
+        defineField({
+          name: "alignment",
+          title: "Alignment",
+          type: "string",
+          options: {
+            list: [
+              { title: "Left", value: "left" },
+              { title: "Center", value: "center" },
+              { title: "Right", value: "right" },
+            ],
+          },
+        }),
+        defineField({
+          name: "fontWeight",
+          title: "Font Weight",
+          type: "string",
+          options: {
+            list: [
+              { title: "Normal", value: "normal" },
+              { title: "Medium", value: "medium" },
+              { title: "Bold", value: "bold" },
+            ],
+          },
+        }),
+        defineField({ name: "lineHeight", title: "Line Height", type: "string" }),
+        defineField({ name: "letterSpacing", title: "Letter Spacing", type: "string" }),
+        defineField({ name: "maxWidth", title: "Max Width", type: "string" }),
+        defineField({
+          name: "opacity",
+          title: "Opacity",
+          type: "number",
+          validation: (Rule) => Rule.min(0).max(1),
+        }),
+      ],
+    }),
+    ...blockAnimationFields,
+    defineField({
+      name: "typewriter_config",
+      title: "Typewriter Config",
+      type: "typewriterConfig",
+    }),
+    blockLayoutField,
+  ],
+  preview: {
+    select: { text: "text" },
+    prepare({ text }) {
+      const firstBlock = text?.find((b: { _type: string }) => b._type === "block");
+      const preview =
+        firstBlock?.children
+          ?.map((c: { text: string }) => c.text)
+          .join("") || "Empty text block";
+      return { title: preview.substring(0, 60) };
+    },
+  },
+});

package/sanity/schemas/blocks/videoBlock.ts

@@ -0,0 +1,80 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const videoBlock = defineType({
+  name: "videoBlock",
+  title: "Video Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "video_type",
+      title: "Video Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "Vimeo", value: "vimeo" },
+          { title: "YouTube", value: "youtube" },
+          { title: "MP4 File", value: "mp4" },
+          { title: "External URL", value: "url" },
+        ],
+      },
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: "url_or_path",
+      title: "URL or Path",
+      type: "string",
+      description: "Vimeo/YouTube URL, MP4 relative path, or external video URL",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: "poster",
+      title: "Poster Image Path",
+      type: "string",
+      description: "Relative path to poster/thumbnail image",
+    }),
+    defineField({ name: "autoplay", title: "Autoplay", type: "boolean", initialValue: false }),
+    defineField({ name: "loop", title: "Loop", type: "boolean", initialValue: false }),
+    defineField({ name: "muted", title: "Muted", type: "boolean", initialValue: true }),
+    defineField({ name: "controls", title: "Show Controls", type: "boolean", initialValue: true }),
+    defineField({
+      name: "width",
+      title: "Width",
+      type: "string",
+      options: {
+        list: [
+          { title: "Full", value: "full" },
+          { title: "Contained", value: "contained" },
+        ],
+      },
+      initialValue: "full",
+    }),
+    defineField({
+      name: "aspect_ratio",
+      title: "Aspect Ratio",
+      type: "string",
+      options: {
+        list: [
+          { title: "16:9", value: "16:9" },
+          { title: "21:9", value: "21:9" },
+          { title: "4:3", value: "4:3" },
+          { title: "Auto", value: "auto" },
+        ],
+      },
+      initialValue: "16:9",
+    }),
+    defineField({
+      name: "border_radius",
+      title: "Border Radius",
+      type: "string",
+    }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { type: "video_type", url: "url_or_path" },
+    prepare({ type, url }) {
+      return { title: `${type?.toUpperCase() || "Video"}: ${url || "No URL"}` };
+    },
+  },
+});