How chiragdalmia/motion-studio works
motion-studio is a multi-brand animation studio: creators author ordered film beats, apply a brand’s visual and craft rules, validate and package the film as a self-contained HTML artifact, then preview or embed it. The main stages are authoring, brand configuration, preparation and checking, packaging, and playback/host control. The graph includes the shared craft layer and the documented player/host capabilities. Tool and build internals are only sampled in part, so uncertain calls are omitted.
Main entry points: prepare.mjs Film preparation · do.mjs Command orchestration · build.mjs HTML packaging · alf-walkthrough Film sources
Components 20
Film authoring
- Film creation
tools/new.mjs - Film sources
work/relo/alf-walkthrough
Brand system
- Brand pack schema
brands/pack.ts - RELO identity
brands/relo/brand.ts - WKT identity
brands/wkt/brand.ts - Token validation
tools/tokens.mjs - Shared brand media
media/relo
Prepare and ship
- Film preparation
tools/prepare.mjs - Craft rules
lib/craft.mjs - Repository checks
tools/guard.mjs - Film rules
tools/law.mjs - Command orchestration
tools/do.mjs - HTML packaging
tools/build.mjs
Playback and embedding
- Standalone film
builds/relo-brand-logo.html - Shared film template
lib/world.html - Beat template
lib/beat.html - Player controls
lib/chrome/chrome.js
Other components
- Creator
- Preview browser
- Embedding host
Connections 23
- Creator → Film creation: creates film
- Film creation → Film sources: writes sources
- Creator → Film sources: edits beats
- Film sources → Film preparation: prepares
- Brand pack schema → RELO identity: defines schema
- Brand pack schema → WKT identity: defines schema
- RELO identity → Token validation: validates pack
- WKT identity → Token validation: validates pack
- Token validation → Film preparation: supplies tokens
- Shared brand media → Film preparation: supplies assets
- Command orchestration → Film preparation: runs preparation
- Command orchestration → Repository checks: runs checks
- Command orchestration → Film rules: checks films
- Film rules → Craft rules: applies predicates
- Command orchestration → HTML packaging: runs packaging
- Film preparation → HTML packaging: provides prepared film
- HTML packaging → Shared film template: assembles template
- Shared film template → Beat template: uses beat template
- HTML packaging → Standalone film: writes HTML
- Preview browser → Film sources: previews edits
- Standalone film → Player controls: runs player
- Embedding host → Player controls: sends controls
- Player controls → Embedding host: posts events