@morphika/andami 0.4.2 → 0.5.1

package/lib/version.ts

@@ -6,4 +6,4 @@
  * Exposed as a plain constant so it can be imported without reading
  * package.json at runtime.
  */
-export const ANDAMI_VERSION = "0.4.2";
+export const ANDAMI_VERSION = "0.5.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",

package/sanity/schemas/blocks/audioBlock.ts

@@ -0,0 +1,69 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const audioBlock = defineType({
+  name: "audioBlock",
+  title: "Audio Block",
+  type: "object",
+  fields: [
+    // ── Source ──
+    defineField({
+      name: "asset_path",
+      title: "Audio File",
+      type: "string",
+      description: "Relative path to the audio file (mp3, wav, ogg, m4a, aac, flac)",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({ name: "alt", title: "Alt Text", type: "string" }),
+
+    // ── Metadata ──
+    defineField({ name: "title", title: "Title", type: "string" }),
+    defineField({ name: "artist", title: "Artist", type: "string" }),
+    defineField({
+      name: "cover_path",
+      title: "Cover Art",
+      type: "string",
+      description: "Optional relative path to a cover image",
+    }),
+
+    // ── Appearance ──
+    defineField({
+      name: "accent_color",
+      title: "Accent Color",
+      type: "string",
+      description: "Hex color for the play button + progress fill",
+      initialValue: "#4794E2",
+    }),
+    defineField({
+      name: "width",
+      title: "Width",
+      type: "string",
+      options: {
+        list: [
+          { title: "Full", value: "full" },
+          { title: "Contained", value: "contained" },
+          { title: "Small", value: "small" },
+          { title: "Fill", value: "fill" },
+        ],
+      },
+      initialValue: "contained",
+    }),
+    defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+    defineField({ name: "shadow", title: "Shadow", type: "boolean", initialValue: false }),
+
+    // ── Playback ──
+    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: false }),
+
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { path: "asset_path", title: "title", artist: "artist" },
+    prepare({ path, title, artist }) {
+      const label = title ? (artist ? `${title} — ${artist}` : title) : path || "Audio block";
+      return { title: label };
+    },
+  },
+});

package/sanity/schemas/blocks/beforeAfterBlock.ts

@@ -0,0 +1,121 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const beforeAfterBlock = defineType({
+  name: "beforeAfterBlock",
+  title: "Before / After Block",
+  type: "object",
+  fields: [
+    // ── Before side ──
+    defineField({
+      name: "before_media_type",
+      title: "Before Media Type",
+      type: "string",
+      options: { list: [{ title: "Image", value: "image" }, { title: "Video", value: "video" }] },
+      initialValue: "image",
+    }),
+    defineField({
+      name: "before_asset_path",
+      title: "Before Asset Path",
+      type: "string",
+      description: "Relative path to the image or video file shown before the slider",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({ name: "before_alt", title: "Before Alt Text", type: "string" }),
+
+    // ── After side ──
+    defineField({
+      name: "after_media_type",
+      title: "After Media Type",
+      type: "string",
+      options: { list: [{ title: "Image", value: "image" }, { title: "Video", value: "video" }] },
+      initialValue: "image",
+    }),
+    defineField({
+      name: "after_asset_path",
+      title: "After Asset Path",
+      type: "string",
+      description: "Relative path to the image or video file shown after the slider",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({ name: "after_alt", title: "After Alt Text", type: "string" }),
+
+    // ── Slider behavior ──
+    defineField({
+      name: "orientation",
+      title: "Orientation",
+      type: "string",
+      options: {
+        list: [
+          { title: "Horizontal (slider left-right)", value: "horizontal" },
+          { title: "Vertical (slider top-bottom)", value: "vertical" },
+        ],
+      },
+      initialValue: "horizontal",
+    }),
+    defineField({
+      name: "initial_position",
+      title: "Initial Position",
+      type: "number",
+      description: "Starting split position (0–100%)",
+      initialValue: 50,
+      validation: (Rule) => Rule.min(0).max(100),
+    }),
+    defineField({
+      name: "handle_color",
+      title: "Handle Color",
+      type: "string",
+      description: "Hex color for the slider line + handle",
+      initialValue: "#FFFFFF",
+    }),
+
+    // ── Layout ──
+    defineField({
+      name: "width",
+      title: "Width",
+      type: "string",
+      options: {
+        list: [
+          { title: "Full", value: "full" },
+          { title: "Contained", value: "contained" },
+          { title: "Small", value: "small" },
+          { title: "Fill", value: "fill" },
+        ],
+      },
+      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: "16:9",
+    }),
+
+    // ── Video playback (applies when either side is video) ──
+    defineField({ name: "video_autoplay", title: "Video Autoplay", type: "boolean", initialValue: true }),
+    defineField({ name: "video_loop", title: "Video Loop", type: "boolean", initialValue: true }),
+    defineField({ name: "video_muted", title: "Video Muted", type: "boolean", initialValue: true }),
+
+    // ── Appearance ──
+    defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+    defineField({ name: "shadow", title: "Shadow", type: "boolean", initialValue: false }),
+
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { before: "before_asset_path", after: "after_asset_path" },
+    prepare({ before, after }) {
+      return { title: `Before/After: ${before || "—"} ↔ ${after || "—"}` };
+    },
+  },
+});

package/sanity/schemas/blocks/index.ts

@@ -1,9 +1,11 @@
-// Block schemas (8)
+// Block schemas (10)
 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 { beforeAfterBlock } from "./beforeAfterBlock";
+export { audioBlock } from "./audioBlock";
 export { projectGridBlock } from "./projectGridBlock";
 export { projectCarouselBlock } from "./projectCarouselBlock";

package/sanity/schemas/index.ts

@@ -18,6 +18,8 @@ import {
   videoBlock,
   spacerBlock,
   buttonBlock,
+  beforeAfterBlock,
+  audioBlock,
   projectGridBlock,
   projectCarouselBlock,
 } from "./blocks";
@@ -69,6 +71,8 @@ export {
   videoBlock,
   spacerBlock,
   buttonBlock,
+  beforeAfterBlock,
+  audioBlock,
   projectGridBlock,
   projectCarouselBlock,
 } from "./blocks";
@@ -93,13 +97,15 @@ export const schemaTypes = [
   parallaxGroup,            // Parallax V2 group (Session 123)
   coverSection,             // Cover Section — proportional rows (Session 176)
 
-  // Blocks (9)
+  // Blocks (10)
   textBlock,
   imageBlock,
   imageGridBlock,
   videoBlock,
   spacerBlock,
   buttonBlock,
+  beforeAfterBlock,
+  audioBlock,
   projectGridBlock,
   projectCarouselBlock,
 ];