Ecosystem Roadmap

The Object Interactive Media (OIM) ecosystem is developed under a rigorous specification and validation methodology. This roadmap outlines our strategic vision, core architectural goals, completed foundations, active engineering phases, and long-term research horizon.

---

Milestone Status Overview

[ COMPLETED ]  M1: Core Design System & VitePress Theme Infrastructure
[ IN PROGRESS] M2: Core Formats, Cryptography & Dynamic Colors Engine
[ PLANNED    ] M3: Visual Studio Manuals (OIM-Studio, OVM-Studio, Plugins)
[ PLANNED    ] M4: Web Components & Multi-Framework Integrations
[ PLANNED    ] M5: Public Developer APIs & Zod Schemas Reference
[ PLANNED    ] M6: E2E Static Bundling, Dead Link & Security Verification Gate

---

Strategic Vision & Architectural Goals

The OIM roadmap is driven by three architectural goals:

1. Metadata-First Media: Liberate digital media from static pixels by separating presentation and interaction from base assets.
2. Cryptographic Trust: Provide mathematical verification of document integrity and provenance via open standards.
3. Universal Interoperability: Enable seamless integration across any frontend framework and native design tool.

---

Phase 1: Core Foundation & Authenticity (Production / v5.3+)

• [x] Standard PNG & Video Packaging: Lossless embedding of zlib-compressed JSON metadata within a standard PNG zTXt chunk under key OIM_Data.
• [x] Zip Bomb Safeguard: Strict 10 MB decompression memory limits (unconsumed_tail validation) preventing decompression resource exhaustion attacks.
• [x] Cryptographic Authenticity Pipeline: Asymmetric NIST P-256 (secp256r1) ECDSA digital signatures using SHA-256 in IEEE P1363 raw 64-byte format.
• [x] Public JWK Key Distribution: Public verification keys served via GET /v1/media/keys and cached offline in browser client IndexedDB (oim-player-keys).
• [x] 3-Layer Separation Model: Architectural isolation between Layer −1 (baked pixels sealed with SHA-256 image_hash), Layer 0 (separator, symbolic), and Layer +1 (interactive DOM slots, including filters and masks left live).
• [x] Keyframe Bridge: High-precision compilation of up to 240 keyframes with cubic-bezier easings and sampled loop presets (loop-float, loop-pulse, loop-spin, loop-shake, loop-swing) executed via Web Animations API (WAAPI).
• [x] Dynamic Colors Engine: 8 universal semantic roles (primary, on-primary, secondary, on-secondary, surface, on-surface, outline, accent) with positive whitelist CSS injection sanitizer (isSafeCssColor).
• [x] Re-edition Permissions Model: Tri-state document lifecycle enforcement (public, author_only, and sealed via immutable_lock: true).

---

Phase 2: Authoring Tools & Studio Ecosystem (Active / Q3 2026)

• [ ] OIM-Studio (Interactive Image Editor):
  • Adaptive canvas with real-time vector primitives (GEO_SHAPES).
  • Character-by-character text wave animation engine (waveText.ts).
  • Cutout and window mode vector masks with dynamic feathering.
  • Multi-lingual preview with live language switcher.
  • Responsive coordinate compilation into Container Query Width units (cqw).
• [ ] OVM-Studio (Interactive Video Editor):
  • Multi-clip timeline editing with GPU-accelerated WebGL transitions (gl-transition).
  • Interactive hot-spots with narrative branching graphs.
  • 60 FPS temporal quad-bounding-box tracking interpolation.
• [ ] Design Tool Plugins:
  • Official Figma Exporter plugin with baked-background separation (Layer −1) and automated slot identification.
  • Penpot Exporter plugin for open-source vector pipelines.
• [ ] Unified Documentation Hub:
  • Full reconstruction of VitePress documentation with corporate typography (Bricolage Grotesque, JetBrains Mono, Inter) and 100% symmetric bilingual parity (/docs/ and /docs/es/).

---

Phase 3: Advanced Capabilities & Open Protocol (Horizon / 2027)

• [ ] Hardware-Accelerated WebGPU Shader Pipeline: Extending the live filter directives of Layer +1 to support programmable fragment shaders for real-time lighting, displacement, and CRT simulation.
• [ ] Declarative 2D Physics Engine: Rigid-body physics simulation for interactive slot elements reacting to viewport gravity, scroll momentum, and cursor drag.
• [ ] Decentralized Media Registry: Cryptographic registry protocol for publishing, discovering, and verifying asset ownership across distributed content networks.
• [ ] Vector Path Morphing: Smooth runtime interpolation between arbitrary SVG paths within vector slots.
• [ ] Edge Compilation Service: High-throughput distributed workers for packaging and signing .oim assets at edge CDN points of presence.