@oim-media/spec 0.0.0-stage → 1.27.9

package/vectors/basic-text.expected.json

@@ -0,0 +1,29 @@
+{
+  "description": "One text in two languages. The minimum case: container, zTXt, zlib and cqw.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        10,
+        10
+      ],
+      "name": "Titulo",
+      "content": {
+        "en": "Hello",
+        "es": "Hola"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "11.25cqw",
+        "fontSize": "5.0cqw"
+      }
+    }
+  ]
+}

package/vectors/color-blending-opacity.expected.json

@@ -0,0 +1,47 @@
+{
+  "description": "Layer opacity and visual blend modes.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "fondo_base",
+      "type": "geo",
+      "position": [
+        6.25,
+        8.3333
+      ],
+      "name": "Fondo Base",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "fillColor": "#ef4444"
+      }
+    },
+    {
+      "id": "capa_blend",
+      "type": "geo",
+      "position": [
+        18.75,
+        16.6667
+      ],
+      "name": "Capa Blend",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "fillColor": "#3b82f6",
+        "blendMode": "multiply",
+        "opacity": 70
+      }
+    }
+  ]
+}

package/vectors/crop.expected.json

@@ -0,0 +1,32 @@
+{
+  "description": "Image crop (contract 1.15.0): `imageCrop` frames an image covering its box, at x 20 %, y 70 % and zoom 2.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "foto",
+      "type": "image",
+      "position": [
+        12.5,
+        16.6667
+      ],
+      "name": "Foto",
+      "content": {
+        "*": "https://cdn.oim.media/demos/crop.png"
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "imageCrop": {
+          "x": 20,
+          "y": 70,
+          "zoom": 2
+        }
+      }
+    }
+  ]
+}

package/vectors/embedded-font-woff.expected.json

@@ -0,0 +1,57 @@
+{
+  "description": "Embedded font (contract 1.27.0): Inter bold as a static WOFF subset, signed by the production service",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "languages": [
+    "es"
+  ],
+  "signed": true,
+  "key_version": "v1",
+  "reedit": "author_only",
+  "fonts": [
+    {
+      "family": "Inter",
+      "name": "oim-26dd479f-Inter",
+      "weight": 700,
+      "style": "normal",
+      "format": "woff"
+    }
+  ],
+  "slots": [
+    {
+      "id": "fuente_incrustada",
+      "type": "text",
+      "position": [
+        7.5,
+        41.6667
+      ],
+      "name": "Fuente incrustada",
+      "content": {
+        "es": "Fuente incrustada"
+      },
+      "style": {
+        "width": "85.0cqw",
+        "height": "12.5cqw",
+        "fontSize": "8.0cqw",
+        "fillColor": "#111111",
+        "fontFamily": "Inter",
+        "fontWeight": 700,
+        "textRuns": {
+          "es": {
+            "fontSize": 64,
+            "lineHeight": 80,
+            "lines": [
+              {
+                "text": "Fuente incrustada",
+                "width": 564.3,
+                "yOffset": 0
+              }
+            ]
+          }
+        }
+      }
+    }
+  ]
+}

package/vectors/extreme-aspect-ratios.expected.json

@@ -0,0 +1,29 @@
+{
+  "description": "Ultra-wide panoramic canvas testing container consistency.",
+  "canvas": {
+    "natural_height": 400,
+    "natural_width": 1600
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "banner_texto",
+      "type": "text",
+      "position": [
+        5,
+        25
+      ],
+      "name": "Banner Panorámico",
+      "content": {
+        "es": "Panorámica 4:1"
+      },
+      "style": {
+        "width": "75.0cqw",
+        "height": "11.25cqw",
+        "fontSize": "4.0cqw",
+        "fillColor": "#e11d48"
+      }
+    }
+  ]
+}

package/vectors/filter-effects.expected.json

@@ -0,0 +1,33 @@
+{
+  "description": "CSS visual filters: blur, brightness, contrast, saturation and hue rotation.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "capa_filtrada",
+      "type": "geo",
+      "position": [
+        15,
+        13.3333
+      ],
+      "name": "Capa con Filtros",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "fillColor": "#059669",
+        "filterBlur": 3,
+        "filterBrightness": 115,
+        "filterContrast": 125,
+        "filterSaturate": 140,
+        "filterHueRotate": 30
+      }
+    }
+  ]
+}

package/vectors/flip.expected.json

@@ -0,0 +1,47 @@
+{
+  "description": "Layer flip (contract 1.14.0): `flipX` on one shape and `flipY` on another, rotated; each flips on its own axes.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "horizontal",
+      "type": "geo",
+      "position": [
+        10,
+        25
+      ],
+      "name": "Horizontal",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "22.5cqw",
+        "fillColor": "#e76f51",
+        "flipX": true
+      }
+    },
+    {
+      "id": "vertical",
+      "type": "geo",
+      "position": [
+        55,
+        25
+      ],
+      "name": "Vertical",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "22.5cqw",
+        "fillColor": "#264653",
+        "flipY": true
+      }
+    }
+  ]
+}

package/vectors/frame-shapes.expected.json

@@ -0,0 +1,73 @@
+{
+  "description": "Frame shapes (contract 1.19.0): a cloud with a photo, a custom SVG path with a photo (viewBox 24) and a star with a flipped photo.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "marco-nube",
+      "type": "geo",
+      "position": [
+        10,
+        25
+      ],
+      "name": "Marco nube",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "35.0cqw",
+        "fillColor": "#d4d4d8",
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillType": "image",
+        "geoShape": "cloud"
+      }
+    },
+    {
+      "id": "marco-svg",
+      "type": "geo",
+      "position": [
+        55,
+        25
+      ],
+      "name": "Marco SVG propio",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "35.0cqw",
+        "fillColor": "#d4d4d8",
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillType": "image",
+        "svgPath": "M12 2L22 22H2Z",
+        "svgViewBox": "0 0 24 24"
+      }
+    },
+    {
+      "id": "marco-estrella",
+      "type": "geo",
+      "position": [
+        10,
+        63.3333
+      ],
+      "name": "Marco estrella volteado",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#d4d4d8",
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillType": "image",
+        "geoShape": "star",
+        "fillImageFlipX": true
+      }
+    }
+  ]
+}

package/vectors/full-monty-composite.expected.json

@@ -0,0 +1,96 @@
+{
+  "description": "Master document combining interactivity, multilingual text, shadows, parallax and hierarchy.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "comp_grupo",
+      "type": "group",
+      "position": [
+        6.25,
+        8.3333
+      ],
+      "name": "Grupo Compuesto",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "87.5cqw",
+        "height": "62.5cqw",
+        "childIds": [
+          "comp_tarjeta",
+          "comp_boton"
+        ]
+      }
+    },
+    {
+      "id": "comp_tarjeta",
+      "type": "geo",
+      "position": [
+        7.5,
+        10
+      ],
+      "name": "Tarjeta Compuesta",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "31.25cqw",
+        "borderRadius": "16px",
+        "fillColor": "#047857",
+        "groupId": "comp_grupo",
+        "parallax": {
+          "axis": "both",
+          "depth": 0.6,
+          "enabled": true,
+          "mode": "mouse"
+        },
+        "shadowEnabled": true,
+        "shadowColor": "#000000",
+        "shadowBlur": 15,
+        "shadowOffsetY": 8,
+        "shadowOpacity": 40
+      }
+    },
+    {
+      "id": "comp_boton",
+      "type": "text",
+      "position": [
+        10,
+        58.3333
+      ],
+      "name": "Botón Compuesto",
+      "content": {
+        "en": "Action",
+        "es": "Acción"
+      },
+      "style": {
+        "width": "30.0cqw",
+        "height": "7.5cqw",
+        "fontSize": "3.0cqw",
+        "fillColor": "#d97706",
+        "groupId": "comp_grupo",
+        "isInteractive": true,
+        "states": {
+          "active": {
+            "actions": [
+              {
+                "target": "comp_tarjeta",
+                "type": "toggle"
+              }
+            ]
+          },
+          "hover": {
+            "opacity": 90,
+            "scale": 104
+          }
+        }
+      }
+    }
+  ]
+}

package/vectors/golden/exceptions.json

@@ -0,0 +1,3 @@
+{
+  "flutter": {}
+}

package/vectors/groups-and-parallax.expected.json

@@ -0,0 +1,90 @@
+{
+  "description": "A group with two children and a parallax layer. Covers hierarchy and depth.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "grupo",
+      "type": "group",
+      "position": [
+        5,
+        6.6667
+      ],
+      "name": "Grupo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "childIds": [
+          "hijo_a",
+          "hijo_b"
+        ]
+      }
+    },
+    {
+      "id": "hijo_a",
+      "type": "geo",
+      "position": [
+        7.5,
+        10
+      ],
+      "name": "Hijo A",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "12.5cqw",
+        "height": "10.0cqw",
+        "fillColor": "#2563EB",
+        "groupId": "grupo"
+      }
+    },
+    {
+      "id": "hijo_b",
+      "type": "geo",
+      "position": [
+        25,
+        10
+      ],
+      "name": "Hijo B",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "12.5cqw",
+        "height": "10.0cqw",
+        "fillColor": "#0f766e",
+        "groupId": "grupo"
+      }
+    },
+    {
+      "id": "fondo",
+      "type": "geo",
+      "position": [
+        50,
+        50
+      ],
+      "name": "Fondo con profundidad",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "fillColor": "#b91c1c",
+        "parallax": {
+          "axis": "both",
+          "depth": 0.8,
+          "enabled": true,
+          "mode": "mouse"
+        }
+      }
+    }
+  ]
+}