@morphika/webframe 0.1.0

package/sanity/schemas/assetRegistry.ts

@@ -0,0 +1,301 @@
+import { defineType, defineField } from "sanity";
+
+/**
+ * Asset Registry — singleton document that holds the inventory
+ * of all known assets, their statuses, and relink history.
+ *
+ * The registry lives in Sanity so it's accessible from anywhere
+ * (local dev, Vercel production, etc.).
+ */
+export default defineType({
+  name: "assetRegistry",
+  title: "Asset Registry",
+  type: "document",
+
+  fields: [
+    // === STORAGE PROVIDER ===
+
+    defineField({
+      name: "storage_provider",
+      title: "Active Storage Provider",
+      type: "string",
+      options: { list: ["r2"] },
+      initialValue: "r2",
+      description: "Which storage backend serves assets on the public site",
+    }),
+
+    // === R2 CONFIGURATION ===
+
+    defineField({
+      name: "r2_bucket_url",
+      title: "R2 Public Bucket URL",
+      type: "string",
+      hidden: true,
+      description:
+        "Public bucket URL (e.g., https://assets.example.com or https://pub-xxx.r2.dev)",
+    }),
+
+    defineField({
+      name: "r2_access_key_id",
+      title: "R2 Access Key ID",
+      type: "string",
+      hidden: true,
+      description: "Encrypted S3-compatible access key",
+    }),
+
+    defineField({
+      name: "r2_secret_access_key",
+      title: "R2 Secret Access Key",
+      type: "string",
+      hidden: true,
+      description: "Encrypted S3-compatible secret key",
+    }),
+
+    defineField({
+      name: "r2_endpoint",
+      title: "R2 S3 Endpoint",
+      type: "string",
+      hidden: true,
+      description:
+        "S3-compatible endpoint (e.g., https://<account-id>.r2.cloudflarestorage.com)",
+    }),
+
+    defineField({
+      name: "r2_bucket_name",
+      title: "R2 Bucket Name",
+      type: "string",
+      hidden: true,
+      description: "Bucket name for API calls (e.g., my-assets)",
+    }),
+
+    defineField({
+      name: "r2_connected_at",
+      title: "R2 Connected At",
+      type: "datetime",
+      hidden: true,
+    }),
+
+    // === SEED CONFIGURATION ===
+
+    defineField({
+      name: "seed_url",
+      title: "Current Seed URL",
+      type: "string",
+      description:
+        "Base URL for asset resolution",
+      validation: (Rule) =>
+        Rule.custom((value) => {
+          if (!value) return true; // Allow empty
+          try {
+            new URL(value);
+            return true;
+          } catch {
+            return "Must be a valid URL";
+          }
+        }),
+    }),
+
+    defineField({
+      name: "scan_status",
+      title: "Scan Status",
+      type: "string",
+      options: {
+        list: [
+          { title: "Ready", value: "ready" },
+          { title: "Scanning", value: "scanning" },
+          { title: "Error", value: "error" },
+        ],
+      },
+      initialValue: "ready",
+    }),
+
+    defineField({
+      name: "last_scanned_at",
+      title: "Last Scanned At",
+      type: "datetime",
+    }),
+
+    defineField({
+      name: "scan_error",
+      title: "Last Scan Error",
+      type: "string",
+      hidden: true,
+    }),
+
+    // === ASSET CATALOG ===
+
+    defineField({
+      name: "assets",
+      title: "Registered Assets",
+      type: "array",
+      of: [
+        {
+          type: "object",
+          name: "registeredAsset",
+          fields: [
+            defineField({
+              name: "path",
+              title: "Relative Path",
+              type: "string",
+              description: 'e.g., "projects/house-of-delights/hero.jpg"',
+            }),
+            defineField({
+              name: "filename",
+              title: "File Name",
+              type: "string",
+            }),
+            defineField({
+              name: "extension",
+              title: "Extension",
+              type: "string",
+            }),
+            defineField({
+              name: "file_size",
+              title: "File Size (bytes)",
+              type: "number",
+            }),
+            defineField({
+              name: "mime_type",
+              title: "MIME Type",
+              type: "string",
+            }),
+            defineField({
+              name: "width",
+              title: "Image Width",
+              type: "number",
+              hidden: true,
+            }),
+            defineField({
+              name: "height",
+              title: "Image Height",
+              type: "number",
+              hidden: true,
+            }),
+            defineField({
+              name: "file_hash",
+              title: "Content Hash",
+              type: "string",
+              hidden: true,
+              description: "For detecting file moves across seed changes",
+            }),
+            defineField({
+              name: "status",
+              title: "Status",
+              type: "string",
+              options: {
+                list: [
+                  { title: "Active", value: "active" },
+                  { title: "Missing", value: "missing" },
+                  { title: "Moved", value: "moved" },
+                  { title: "New", value: "new" },
+                ],
+              },
+              initialValue: "active",
+            }),
+            defineField({
+              name: "last_checked_at",
+              title: "Last Checked",
+              type: "datetime",
+            }),
+            defineField({
+              name: "used_in",
+              title: "Used In",
+              type: "array",
+              of: [{ type: "string" }],
+              hidden: true,
+              description: "Sanity document IDs referencing this asset",
+            }),
+            defineField({
+              name: "has_thumbnail",
+              title: "Has Thumbnail",
+              type: "boolean",
+              description: "Whether a _thumbs/ equivalent exists for this image",
+              initialValue: false,
+              hidden: true,
+            }),
+            defineField({
+              name: "previous_paths",
+              title: "Previous Paths",
+              type: "array",
+              of: [{ type: "string" }],
+              hidden: true,
+            }),
+          ],
+          preview: {
+            select: {
+              path: "path",
+              status: "status",
+              size: "file_size",
+            },
+            prepare({ path, status, size }: { path?: string; status?: string; size?: number }) {
+              const statusIcons: Record<string, string> = {
+                active: "✅",
+                missing: "❌",
+                moved: "➡️",
+                new: "🆕",
+              };
+              const sizeStr = size
+                ? size > 1048576
+                  ? `${(size / 1048576).toFixed(1)} MB`
+                  : `${(size / 1024).toFixed(0)} KB`
+                : "";
+              return {
+                title: `${statusIcons[status || "active"] || ""} ${path || "Unknown"}`,
+                subtitle: sizeStr,
+              };
+            },
+          },
+        },
+      ],
+    }),
+
+    // === RELINK HISTORY ===
+
+    defineField({
+      name: "relink_log",
+      title: "Relink History",
+      type: "array",
+      of: [
+        {
+          type: "object",
+          name: "relinkEntry",
+          fields: [
+            defineField({ name: "date", title: "Date", type: "datetime" }),
+            defineField({ name: "old_seed", title: "Old Seed URL", type: "string" }),
+            defineField({ name: "new_seed", title: "New Seed URL", type: "string" }),
+            defineField({ name: "assets_relinked", title: "Relinked", type: "number" }),
+            defineField({ name: "assets_missing", title: "Missing", type: "number" }),
+            defineField({ name: "details", title: "Details", type: "text" }),
+          ],
+          preview: {
+            select: {
+              date: "date",
+              relinked: "assets_relinked",
+              missing: "assets_missing",
+            },
+            prepare({ date, relinked, missing }: { date?: string; relinked?: number; missing?: number }) {
+              return {
+                title: `Relink — ${relinked || 0} matched, ${missing || 0} missing`,
+                subtitle: date ? new Date(date).toLocaleDateString() : "",
+              };
+            },
+          },
+        },
+      ],
+    }),
+
+  ],
+
+  preview: {
+    select: {
+      seed: "seed_url",
+      status: "scan_status",
+    },
+    prepare({ seed, status }: { seed?: string; status?: string }) {
+      return {
+        title: "Asset Registry",
+        subtitle: `${status || "ready"} | Seed: ${seed ? new URL(seed).hostname : "not set"}`,
+      };
+    },
+  },
+});

package/sanity/schemas/blocks/blockLayout.ts

@@ -0,0 +1,90 @@
+/**
+ * Shared block layout field — Semplice-style module styling.
+ * Added to every block type via `defineField({ ...blockLayoutField })`.
+ *
+ * Contains: Spacing (padding TRBL), Background, Offset (margin TRBL), Border.
+ */
+
+import { defineField } from "sanity";
+
+/**
+ * Block animation fields — scroll and hover animation overrides.
+ * Legacy animation/animationOverrides fields removed in Session 79 (BUG-024).
+ */
+export const blockAnimationFields = [
+  defineField({
+    name: "enter_animation",
+    title: "Enter Animation",
+    type: "enterAnimationConfig",
+  }),
+  defineField({
+    name: "hover_effect",
+    title: "Hover Effect",
+    type: "hoverEffectConfig",
+  }),
+];
+
+export const blockLayoutField = defineField({
+  name: "layout",
+  title: "Layout",
+  type: "object",
+  hidden: true, // Managed by the visual builder, not Sanity Studio
+  fields: [
+    // Alignment
+    defineField({
+      name: "align_h",
+      title: "Horizontal Alignment",
+      type: "string",
+      options: { list: ["left", "center", "right"] },
+    }),
+    defineField({
+      name: "align_v",
+      title: "Vertical Alignment",
+      type: "string",
+      options: { list: ["top", "center", "bottom"] },
+    }),
+    // 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" }),
+    // 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",
+      options: { list: ["cover", "contain", "auto"] },
+    }),
+    defineField({ name: "background_position", title: "Background Position", type: "string" }),
+    defineField({
+      name: "background_repeat",
+      title: "Background Repeat",
+      type: "string",
+      options: { list: ["no-repeat", "repeat", "repeat-x", "repeat-y"] },
+    }),
+    // 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" }),
+    // 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",
+      options: { list: ["none", "solid", "dashed", "dotted"] },
+    }),
+    defineField({
+      name: "border_sides",
+      title: "Border Sides",
+      type: "string",
+      options: { list: ["all", "top", "right", "bottom", "left", "top-bottom", "left-right"] },
+    }),
+    defineField({ name: "border_radius", title: "Border Radius", type: "string" }),
+  ],
+});

package/sanity/schemas/blocks/buttonBlock.ts

@@ -0,0 +1,82 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const buttonBlock = defineType({
+  name: "buttonBlock",
+  title: "Button Block",
+  type: "object",
+  fields: [
+    defineField({
+      name: "text",
+      title: "Button Text",
+      type: "string",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: "url",
+      title: "URL",
+      type: "string",
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: "style",
+      title: "Style",
+      type: "string",
+      options: {
+        list: [
+          { title: "Primary", value: "primary" },
+          { title: "Secondary", value: "secondary" },
+          { title: "Outline", value: "outline" },
+          { title: "Text", value: "text" },
+        ],
+      },
+      initialValue: "primary",
+    }),
+    defineField({
+      name: "size",
+      title: "Size",
+      type: "string",
+      options: {
+        list: [
+          { title: "Small", value: "small" },
+          { title: "Medium", value: "medium" },
+          { title: "Large", value: "large" },
+        ],
+      },
+      initialValue: "medium",
+    }),
+    defineField({
+      name: "target",
+      title: "Open in New Tab",
+      type: "boolean",
+      initialValue: false,
+    }),
+    defineField({
+      name: "full_width",
+      title: "Full Width",
+      type: "boolean",
+      initialValue: false,
+    }),
+    defineField({
+      name: "alignment",
+      title: "Alignment",
+      type: "string",
+      options: {
+        list: [
+          { title: "Left", value: "left" },
+          { title: "Center", value: "center" },
+          { title: "Right", value: "right" },
+        ],
+      },
+      initialValue: "left",
+    }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { text: "text", style: "style" },
+    prepare({ text, style }) {
+      return { title: `Button: ${text || "Untitled"} (${style || "primary"})` };
+    },
+  },
+});

package/sanity/schemas/blocks/coverBlock.ts

@@ -0,0 +1,229 @@
+import { defineField, defineType } from "sanity";
+import { blockLayoutField, blockAnimationFields } from "./blockLayout";
+
+export const coverBlock = defineType({
+  name: "coverBlock",
+  title: "Cover Block",
+  type: "object",
+  fields: [
+    // --- Content ---
+    defineField({ name: "headline", title: "Headline", type: "string" }),
+    defineField({ name: "subheadline", title: "Subheadline", type: "string" }),
+    defineField({
+      name: "cta_button",
+      title: "CTA Button",
+      type: "object",
+      fields: [
+        defineField({ name: "text", title: "Text", type: "string" }),
+        defineField({ name: "url", title: "URL", type: "string" }),
+        defineField({
+          name: "target_blank",
+          title: "Open in New Tab",
+          type: "boolean",
+          initialValue: false,
+        }),
+        defineField({
+          name: "style",
+          title: "Button Style",
+          type: "string",
+          options: {
+            list: [
+              { title: "Primary", value: "primary" },
+              { title: "Secondary", value: "secondary" },
+              { title: "Outline", value: "outline" },
+              { title: "Text", value: "text" },
+            ],
+          },
+          initialValue: "primary",
+        }),
+      ],
+    }),
+
+    // --- Media Background ---
+    defineField({
+      name: "media_type",
+      title: "Media Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "Image", value: "image" },
+          { title: "Video", value: "video" },
+        ],
+      },
+      initialValue: "image",
+    }),
+    defineField({
+      name: "media_path",
+      title: "Media Path",
+      type: "string",
+      description: "Relative asset path for image or MP4 video",
+    }),
+    defineField({
+      name: "video_poster",
+      title: "Video Poster",
+      type: "string",
+      description: "Fallback image shown while video loads",
+    }),
+    defineField({
+      name: "background_size",
+      title: "Background Size",
+      type: "string",
+      options: {
+        list: [
+          { title: "Cover", value: "cover" },
+          { title: "Contain", value: "contain" },
+          { title: "No Scale", value: "none" },
+        ],
+      },
+      initialValue: "cover",
+    }),
+    defineField({
+      name: "background_position",
+      title: "Background Position",
+      type: "string",
+      options: {
+        list: [
+          { title: "Top Left", value: "top left" },
+          { title: "Top Center", value: "top center" },
+          { title: "Top Right", value: "top right" },
+          { title: "Middle Left", value: "center left" },
+          { title: "Middle Center", value: "center center" },
+          { title: "Middle Right", value: "center right" },
+          { title: "Bottom Left", value: "bottom left" },
+          { title: "Bottom Center", value: "bottom center" },
+          { title: "Bottom Right", value: "bottom right" },
+        ],
+      },
+      initialValue: "center center",
+    }),
+    defineField({
+      name: "background_repeat",
+      title: "Background Repeat",
+      type: "string",
+      options: {
+        list: [
+          { title: "No Repeat", value: "no-repeat" },
+          { title: "Repeat", value: "repeat" },
+          { title: "Repeat X", value: "repeat-x" },
+          { title: "Repeat Y", value: "repeat-y" },
+        ],
+      },
+      initialValue: "no-repeat",
+    }),
+
+    // --- Overlay ---
+    defineField({
+      name: "overlay",
+      title: "Overlay",
+      type: "string",
+      options: {
+        list: [
+          { title: "None", value: "none" },
+          { title: "Dark", value: "dark" },
+          { title: "Light", value: "light" },
+          { title: "Gradient (Bottom)", value: "gradient-bottom" },
+          { title: "Gradient (Top)", value: "gradient-top" },
+        ],
+      },
+      initialValue: "dark",
+    }),
+    defineField({
+      name: "overlay_opacity",
+      title: "Overlay Opacity",
+      type: "number",
+      validation: (Rule) => Rule.min(0).max(100),
+      initialValue: 50,
+    }),
+
+    // --- Layout ---
+    defineField({
+      name: "content_align_h",
+      title: "Content Horizontal Alignment",
+      type: "string",
+      options: {
+        list: [
+          { title: "Left", value: "left" },
+          { title: "Center", value: "center" },
+          { title: "Right", value: "right" },
+        ],
+      },
+      initialValue: "center",
+    }),
+    defineField({
+      name: "content_align_v",
+      title: "Content Vertical Alignment",
+      type: "string",
+      options: {
+        list: [
+          { title: "Top", value: "top" },
+          { title: "Center", value: "center" },
+          { title: "Bottom", value: "bottom" },
+        ],
+      },
+      initialValue: "center",
+    }),
+    defineField({
+      name: "content_max_width",
+      title: "Content Max Width",
+      type: "string",
+      description: "Max width for text container (e.g. 600px, 800px, 100%)",
+      initialValue: "800px",
+    }),
+    defineField({
+      name: "height",
+      title: "Height",
+      type: "string",
+      options: {
+        list: [
+          { title: "Full Screen (100vh)", value: "100vh" },
+          { title: "Large (80vh)", value: "80vh" },
+          { title: "Medium (60vh)", value: "60vh" },
+          { title: "Small (40vh)", value: "40vh" },
+          { title: "Custom", value: "custom" },
+        ],
+      },
+      initialValue: "100vh",
+    }),
+    defineField({
+      name: "custom_height",
+      title: "Custom Height",
+      type: "string",
+      description: "CSS value (e.g. 500px, 70vh)",
+    }),
+    defineField({
+      name: "mobile_height",
+      title: "Mobile Height",
+      type: "string",
+      options: {
+        list: [
+          { title: "Same as desktop", value: "same" },
+          { title: "Full Screen (100vh)", value: "100vh" },
+          { title: "80vh", value: "80vh" },
+          { title: "60vh", value: "60vh" },
+          { title: "500px", value: "500px" },
+          { title: "400px", value: "400px" },
+        ],
+      },
+      initialValue: "same",
+    }),
+
+    // --- Appearance ---
+    defineField({ name: "text_color", title: "Text Color", type: "string" }),
+
+    // --- Scroll Indicator ---
+    defineField({
+      name: "show_scroll_indicator",
+      title: "Show Scroll Down Arrow",
+      type: "boolean",
+      initialValue: false,
+    }),
+    ...blockAnimationFields,
+    blockLayoutField,
+  ],
+  preview: {
+    select: { title: "headline" },
+    prepare({ title }) {
+      return { title: title || "Cover" };
+    },
+  },
+});