@xpert-ai/plugin-motion 0.1.0

package/dist/assets/upstream/recipes/web/toggle-spring/recipe.motion.yaml

@@ -0,0 +1,58 @@
+spec_version: 1
+id: toggle-spring
+name: Toggle Spring
+description: A switch whose knob springs across on toggle — a tactile, satisfying state change.
+
+# legacy aliases (kept for CLI / back-compat)
+surfaces: [web, interaction]
+category: feedback-delight
+tech: [css, js]
+
+# 五维分类（建库标准）
+canvas:  [web, app]
+target:  [button]
+intent:  feedback-delight
+runtime: [css, js]
+export:  [skill, motion-json, html]
+
+dependencies: []
+tags: [toggle, switch, spring, feedback, micro-interaction, state]
+
+intent_keywords:
+  - toggle switch
+  - springy switch
+  - satisfying toggle
+  - 开关动效
+  - 弹簧切换
+best_for:
+  - On/off switches in settings and forms
+  - Any binary state the user flips themselves
+avoid_when:
+  - Conveying loading/progress (use a spinner/skeleton, not a toggle)
+  - Overshoot so strong it feels gimmicky — keep the spring subtle
+restraint:
+  max_per_view: 6
+  notes: Many switches can coexist (settings lists). Trigger on user intent only; keep the spring gentle.
+
+motion:
+  duration_ms: 420
+  easing: spring
+  reduced_motion: shorten
+  gpu_safe: true
+
+entry: preview.html
+implementations:
+  - tech: css+js
+    files: [toggle-spring.css, toggle-spring.js]
+    usage: |
+      Markup a switch as <button class="ms-toggle" data-toggle><span class="knob"></span></button>.
+      Clicking flips .on; the knob springs across. reduced-motion shortens to a quick linear slide.
+
+license:
+  spdx: Apache-2.0
+  upstream: null
+  attribution_required: false
+author:
+  name: nexu.io
+  url: "https://github.com/nexu-io"
+version: 0.1.0

package/dist/assets/upstream/recipes/web/toggle-spring/toggle-spring.css

@@ -0,0 +1,32 @@
+/* toggle-spring.css — motion-anything recipe · category: feedback-delight · target: button
+ * A switch whose knob springs across on toggle. Transform only (GPU-safe).
+ * reduced-motion: quick linear slide, no overshoot. */
+
+.ms-toggle {
+  display: inline-flex;
+  align-items: center;
+  width: 52px;
+  height: 30px;
+  border-radius: 999px;
+  background: #d8d6cf;
+  border: 0;
+  padding: 3px;
+  cursor: pointer;
+  transition: background 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.ms-toggle .knob {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  transform: translateX(0);
+  transition: transform 0.42s cubic-bezier(0.34, 1.56, 0.64, 1); /* spring overshoot */
+  will-change: transform;
+}
+.ms-toggle.on { background: #8b7cf6; }
+.ms-toggle.on .knob { transform: translateX(22px); }
+
+@media (prefers-reduced-motion: reduce) {
+  .ms-toggle .knob { transition: transform 0.15s linear; }
+}

package/dist/assets/upstream/recipes/web/toggle-spring/toggle-spring.js

@@ -0,0 +1,20 @@
+/* toggle-spring.js — motion-anything recipe · category: feedback-delight
+ *
+ * Click any [data-toggle] to flip its .on state; the knob springs across (CSS handles the spring).
+ * Reflects state via aria-pressed for accessibility.
+ *
+ * Usage:  <button class="ms-toggle" data-toggle aria-pressed="false"><span class="knob"></span></button>
+ */
+(function () {
+  'use strict';
+  function init() {
+    document.querySelectorAll('[data-toggle]').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var on = btn.classList.toggle('on');
+        btn.setAttribute('aria-pressed', on ? 'true' : 'false');
+      });
+    });
+  }
+  if (document.readyState !== 'loading') init();
+  else document.addEventListener('DOMContentLoaded', init);
+})();

package/dist/assets/upstream/recipes/web/true-focus/SKILL.md

@@ -0,0 +1,11 @@
+---
+name: true-focus
+description: |
+  Words sit softly blurred; one snaps into focus at a time — leads the eye across a short phrase. One per view; short phrases. Under prefers-reduced-motion all words stay sharp.
+triggers: ["true focus","blur focus text","聚焦文字","逐词聚焦"]
+od: { mode: prototype, surface: web, platform: desktop, category: animation-motion, preview: { type: html }, design_system: { requires: false } }
+---
+# true-focus
+Words blur except the focused one. Dependency-free, reduced-motion safe.
+## How to apply
+Copy css+js; add class `tf` to a heading. Auto-splits by word.

package/dist/assets/upstream/recipes/web/true-focus/preview.html

@@ -0,0 +1,3 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>true-focus · recipe</title><link rel="stylesheet" href="true-focus.css"/>
+<style>:root{color-scheme:dark}body{margin:0;min-height:100vh;display:grid;place-items:center;gap:20px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(120% 120% at 50% 0%,#1b1c24,#0b0b12);color:#e7e8ee}.badge{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8b7cf6}.hint{font-size:13px;color:#7c7f8c;max-width:360px}h1{margin:0}</style></head>
+<body><div class="badge">motion-anything · text-kinetic</div><h1 class="tf" style="font-size:38px;font-weight:800">design with real intent</h1><p class="hint">Dependency-free · respects prefers-reduced-motion.</p><script src="true-focus.js"></script></body></html>

package/dist/assets/upstream/recipes/web/true-focus/recipe.motion.yaml

@@ -0,0 +1,25 @@
+spec_version: 1
+id: true-focus
+name: True Focus
+description: Words sit softly blurred; one snaps into focus at a time — draws the eye across a phrase.
+surfaces: [web, interaction]
+canvas: [web]
+target: [text]
+intent: text-kinetic
+runtime: [css,js]
+export: [skill, motion-json, html]
+category: text-kinetic
+tech: [css,js]
+dependencies: []
+tags: [focus,blur,text,attention,cycle]
+intent_keywords: [true focus, blur focus text, 聚焦文字, 逐词聚焦]
+best_for: ["A short phrase you want read word-by-word"]
+avoid_when: ["Long text; when everything must be sharp"]
+restraint: { max_per_view: 1, notes: "Use sparingly; tasteful. Plain/static under reduced-motion." }
+motion: { duration_ms: 600, easing: ease-out, reduced_motion: graceful, gpu_safe: true }
+entry: preview.html
+implementations:
+  - { tech: css,js, files: [true-focus.css,true-focus.js], usage: "See preview.html; add the class." }
+license: { spdx: Apache-2.0, upstream: null, attribution_required: false }
+author: { name: nexu.io, url: "https://github.com/nexu-io" }
+version: 0.1.0

package/dist/assets/upstream/recipes/web/true-focus/true-focus.css

@@ -0,0 +1,5 @@
+/* true-focus.css — text-kinetic · words blurred except the focused one. filter only. */
+.tf { display:inline-flex; gap:.4em; flex-wrap:wrap; }
+.tf > .tf-w { filter: blur(5px); opacity:.6; transition: filter .5s ease, opacity .5s ease; }
+.tf > .tf-w.on { filter: blur(0); opacity:1; }
+@media (prefers-reduced-motion: reduce){ .tf > .tf-w{ filter:none; opacity:1 } }

package/dist/assets/upstream/recipes/web/true-focus/true-focus.js

@@ -0,0 +1,10 @@
+/* true-focus.js — text-kinetic · cycles focus across words. Reduced-motion → all sharp, no cycling. */
+(function(g){ 'use strict';
+  function red(){ return g.matchMedia && g.matchMedia('(prefers-reduced-motion: reduce)').matches; }
+  function attach(el){ if(el.__tf) return; el.__tf=1; var words=(el.textContent).trim().split(/\s+/); el.textContent='';
+    var spans=words.map(function(w){ var s=document.createElement('span'); s.className='tf-w'; s.textContent=w; el.appendChild(s); return s; });
+    if(red()){ spans.forEach(function(s){ s.classList.add('on'); }); return; }
+    var i=0; spans[0].classList.add('on'); setInterval(function(){ spans[i].classList.remove('on'); i=(i+1)%spans.length; spans[i].classList.add('on'); }, 1100); }
+  function init(){ var els=document.querySelectorAll('.tf'); for(var i=0;i<els.length;i++) attach(els[i]); }
+  if(document.readyState!=='loading') init(); else document.addEventListener('DOMContentLoaded', init);
+})(window);

package/dist/assets/upstream/recipes/web/waves/SKILL.md

@@ -0,0 +1,12 @@
+---
+name: waves
+description: |
+  A perlin-warped line field with a pointer wake — organic flowing lines. A marketing-grade hero backdrop. One per view; scrim behind text.
+  Renders a static frame under prefers-reduced-motion.
+triggers: ["waves","animated background","动态背景"]
+od: { mode: prototype, surface: web, platform: desktop, category: animation-motion, preview: { type: html }, design_system: { requires: false } }
+---
+# waves
+A perlin-warped line field with a pointer wake — organic flowing lines.
+## How to apply
+Copy `waves.js`; add `<div class="waves" style="position:absolute;inset:0"></div>` behind content.

package/dist/assets/upstream/recipes/web/waves/preview.html

@@ -0,0 +1,3 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>waves · recipe</title>
+<style>:root{color-scheme:dark}html,body{margin:0;height:100vh;overflow:hidden;background:#f3efe6}.waves{position:absolute;inset:0}.cap{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:12px ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.45);z-index:2}</style></head>
+<body><div class="waves"></div><div class="cap">motion-anything · ambient · waves</div><script src="waves.js"></script></body></html>

package/dist/assets/upstream/recipes/web/waves/recipe.motion.yaml

@@ -0,0 +1,25 @@
+spec_version: 1
+id: waves
+name: Waves
+description: A perlin-warped line field with a pointer wake — organic flowing lines.
+surfaces: [web, interaction]
+canvas: [web]
+target: [background, section]
+intent: ambient
+runtime: [js]
+export: [skill, motion-json, html]
+category: ambient
+tech: [js]
+dependencies: []
+tags: [background, hero, ambient, waves]
+intent_keywords: [waves, animated background, 动态背景]
+best_for: ["A full-bleed hero/section background"]
+avoid_when: ["Behind dense text without a scrim", "Multiple animated backgrounds at once"]
+restraint: { max_per_view: 1, notes: "One animated background per view; scrim behind text. Static frame under reduced-motion." }
+motion: { duration_ms: 0, easing: linear, reduced_motion: static, gpu_safe: true }
+entry: preview.html
+implementations:
+  - { tech: js, files: [waves.js], usage: "Copy the file(s); add a full-bleed <div class=\"waves\"></div>." }
+license: { spdx: Apache-2.0, upstream: null, attribution_required: false }
+author: { name: nexu.io, url: "https://github.com/nexu-io" }
+version: 0.1.0

package/dist/assets/upstream/recipes/web/waves/waves.js

@@ -0,0 +1,126 @@
+/* waves.js — motion-anything recipe · ambient · faithful canvas 2D port (dependency-free).
+ * A field of vertical lines warped by 2D perlin noise; the pointer drags nearby points with a
+ * friction/tension spring wake. Direct port of the react-bits component (its perlin impl is
+ * self-contained). Real defaults from source; line color via data-line-color (default black —
+ * designed for light backgrounds). */
+(function(g){ 'use strict';
+  var DEF = { lineColor:'black', waveSpeedX:0.0125, waveSpeedY:0.005, waveAmpX:32, waveAmpY:16,
+    xGap:10, yGap:32, friction:0.925, tension:0.005, maxCursorMove:100 };
+  function reduced(){ return g.matchMedia && g.matchMedia('(prefers-reduced-motion: reduce)').matches; }
+  function Grad(x,y){ this.x=x; this.y=y; }
+  Grad.prototype.dot2 = function(x,y){ return this.x*x + this.y*y; };
+  function Noise(seed){
+    this.grad3 = [new Grad(1,1),new Grad(-1,1),new Grad(1,-1),new Grad(-1,-1),
+      new Grad(1,0),new Grad(-1,0),new Grad(1,0),new Grad(-1,0),
+      new Grad(0,1),new Grad(0,-1),new Grad(0,1),new Grad(0,-1)];
+    this.p = [151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,
+      21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,
+      237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,
+      111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,
+      80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,
+      3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,
+      17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,
+      129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,
+      238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,
+      184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,
+      195,78,66,215,61,156,180];
+    this.perm = new Array(512); this.gradP = new Array(512); this.seed(seed||0);
+  }
+  Noise.prototype.seed = function(seed){
+    if(seed > 0 && seed < 1) seed *= 65536;
+    seed = Math.floor(seed); if(seed < 256) seed |= seed << 8;
+    for(var i=0;i<256;i++){ var v = (i & 1) ? this.p[i] ^ (seed & 255) : this.p[i] ^ ((seed>>8) & 255);
+      this.perm[i] = this.perm[i+256] = v; this.gradP[i] = this.gradP[i+256] = this.grad3[v % 12]; }
+  };
+  Noise.prototype.fade = function(t){ return t*t*t*(t*(t*6-15)+10); };
+  Noise.prototype.lerp = function(a,b,t){ return (1-t)*a + t*b; };
+  Noise.prototype.perlin2 = function(x,y){
+    var X = Math.floor(x), Y = Math.floor(y); x -= X; y -= Y; X &= 255; Y &= 255;
+    var n00 = this.gradP[X + this.perm[Y]].dot2(x, y);
+    var n01 = this.gradP[X + this.perm[Y+1]].dot2(x, y-1);
+    var n10 = this.gradP[X+1 + this.perm[Y]].dot2(x-1, y);
+    var n11 = this.gradP[X+1 + this.perm[Y+1]].dot2(x-1, y-1);
+    var u = this.fade(x);
+    return this.lerp(this.lerp(n00, n10, u), this.lerp(n01, n11, u), this.fade(y));
+  };
+  function start(el){
+    if(el.__ma) return; el.__ma = 1;
+    var lineColor = el.getAttribute('data-line-color') || DEF.lineColor;
+    var canvas = document.createElement('canvas');
+    canvas.style.cssText = 'width:100%;height:100%;display:block';
+    el.appendChild(canvas);
+    var ctx = canvas.getContext('2d');
+    var noise = new Noise(Math.random());
+    var lines = [], W=0, H=0;
+    var mouse = { x:-10, y:0, lx:0, ly:0, sx:0, sy:0, v:0, vs:0, a:0, set:false };
+    function setSize(){ var r = el.getBoundingClientRect(); W = r.width; H = r.height;
+      canvas.width = W; canvas.height = H; }
+    function setLines(){
+      lines = [];
+      var oW = W + 200, oH = H + 30;
+      var totalLines = Math.ceil(oW / DEF.xGap), totalPoints = Math.ceil(oH / DEF.yGap);
+      var xStart = (W - DEF.xGap*totalLines)/2, yStart = (H - DEF.yGap*totalPoints)/2;
+      for(var i=0;i<=totalLines;i++){ var pts = [];
+        for(var j=0;j<=totalPoints;j++)
+          pts.push({ x:xStart + DEF.xGap*i, y:yStart + DEF.yGap*j, wx:0, wy:0, cx:0, cy:0, cvx:0, cvy:0 });
+        lines.push(pts);
+      }
+    }
+    function movePoints(time){
+      for(var i=0;i<lines.length;i++){ var pts = lines[i];
+        for(var j=0;j<pts.length;j++){ var p = pts[j];
+          var move = noise.perlin2((p.x + time*DEF.waveSpeedX)*0.002, (p.y + time*DEF.waveSpeedY)*0.0015)*12;
+          p.wx = Math.cos(move)*DEF.waveAmpX; p.wy = Math.sin(move)*DEF.waveAmpY;
+          var dx = p.x - mouse.sx, dy = p.y - mouse.sy;
+          var dist = Math.hypot(dx, dy), l = Math.max(175, mouse.vs);
+          if(dist < l){ var s = 1 - dist/l; var f = Math.cos(dist*0.001)*s;
+            p.cvx += Math.cos(mouse.a)*f*l*mouse.vs*0.00065;
+            p.cvy += Math.sin(mouse.a)*f*l*mouse.vs*0.00065; }
+          p.cvx += (0 - p.cx)*DEF.tension; p.cvy += (0 - p.cy)*DEF.tension;
+          p.cvx *= DEF.friction; p.cvy *= DEF.friction;
+          p.cx += p.cvx*2; p.cy += p.cvy*2;
+          p.cx = Math.min(DEF.maxCursorMove, Math.max(-DEF.maxCursorMove, p.cx));
+          p.cy = Math.min(DEF.maxCursorMove, Math.max(-DEF.maxCursorMove, p.cy));
+        }
+      }
+    }
+    function moved(p, withCursor){
+      var x = p.x + p.wx + (withCursor ? p.cx : 0), y = p.y + p.wy + (withCursor ? p.cy : 0);
+      return { x: Math.round(x*10)/10, y: Math.round(y*10)/10 };
+    }
+    function drawLines(){
+      ctx.clearRect(0, 0, W, H);
+      ctx.beginPath(); ctx.strokeStyle = lineColor;
+      for(var i=0;i<lines.length;i++){ var pts = lines[i];
+        var p1 = moved(pts[0], false); ctx.moveTo(p1.x, p1.y);
+        for(var j=0;j<pts.length;j++){ var isLast = j === pts.length-1;
+          p1 = moved(pts[j], !isLast);
+          var p2 = moved(pts[j+1] || pts[pts.length-1], !isLast);
+          ctx.lineTo(p1.x, p1.y);
+          if(isLast) ctx.moveTo(p2.x, p2.y);
+        }
+      }
+      ctx.stroke();
+    }
+    function updateMouse(x, y){ var r = el.getBoundingClientRect();
+      mouse.x = x - r.left; mouse.y = y - r.top;
+      if(!mouse.set){ mouse.sx = mouse.x; mouse.sy = mouse.y; mouse.lx = mouse.x; mouse.ly = mouse.y; mouse.set = true; } }
+    el.addEventListener('mousemove', function(e){ updateMouse(e.clientX, e.clientY); }, { passive:true });
+    el.addEventListener('touchmove', function(e){ var t = e.touches[0]; updateMouse(t.clientX, t.clientY); }, { passive:true });
+    g.addEventListener('resize', function(){ setSize(); setLines(); });
+    setSize(); setLines();
+    var red = reduced();
+    function tick(t){
+      mouse.sx += (mouse.x - mouse.sx)*0.1; mouse.sy += (mouse.y - mouse.sy)*0.1;
+      var d = Math.hypot(mouse.x - mouse.lx, mouse.y - mouse.ly);
+      mouse.vs += (d - mouse.vs)*0.1; mouse.vs = Math.min(100, mouse.vs);
+      mouse.a = Math.atan2(mouse.y - mouse.ly, mouse.x - mouse.lx);
+      mouse.lx = mouse.x; mouse.ly = mouse.y;
+      movePoints(t); drawLines();
+      if(!red) requestAnimationFrame(tick);
+    }
+    requestAnimationFrame(tick);
+  }
+  function init(){ var els=document.querySelectorAll('.waves'); for(var i=0;i<els.length;i++) start(els[i]); }
+  if(document.readyState!=='loading') init(); else document.addEventListener('DOMContentLoaded', init);
+})(window);

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+import type { XpertPlugin } from '@xpert-ai/plugin-sdk';
+declare const ConfigSchema: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
+declare const plugin: XpertPlugin<z.infer<typeof ConfigSchema>>;
+export default plugin;
+export * from './lib/constants.js';
+export * from './lib/types.js';
+export * from './lib/entities/index.js';
+export * from './lib/motion.plugin.js';
+export * from './lib/motion.service.js';
+export * from './lib/motion.middleware.js';
+export * from './lib/motion-view.provider.js';
+export * from './lib/motion.templates.js';
+export * from './lib/recipe-library.js';
+export * from './lib/html-motion.js';
+export * from './lib/video-composition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAwBvD,QAAA,MAAM,YAAY,gDAAe,CAAA;AAuBjC,QAAA,MAAM,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAsJrD,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA"}

package/dist/index.js

@@ -0,0 +1,190 @@
+import { readFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { z } from 'zod';
+import { MOTION_AGENT_CAPABILITY, MOTION_FEATURE, MOTION_ICON, MOTION_LIBRARY_CAPABILITY, MOTION_MIDDLEWARE_NAME, MOTION_PROVIDER_KEY, MOTION_TEMPLATE_CAPABILITY, MOTION_TEMPLATE_PROVIDER_KEY, MOTION_WORKBENCH_CAPABILITY, MOTION_WORKBENCH_VIEW_KEY } from './lib/constants.js';
+import { MotionPlugin } from './lib/motion.plugin.js';
+import { motionTemplates } from './lib/motion.templates.js';
+const moduleDir = dirname(fileURLToPath(import.meta.url));
+const packageJson = JSON.parse(readFileSync(join(moduleDir, '../package.json'), 'utf8'));
+const ConfigSchema = z.object({});
+const motionMarketplaceOperations = [
+    {
+        name: 'create-motion-projects',
+        displayName: 'Create Motion projects',
+        description: 'Create reviewable animated HTML and launch-video Motion projects.',
+        access: 'write'
+    },
+    {
+        name: 'save-motion-versions',
+        displayName: 'Save Motion versions',
+        description: 'Persist Motion working copies, recipes, styles, exports, and reviewable versions.',
+        access: 'write'
+    },
+    {
+        name: 'review-motion-workbench',
+        displayName: 'Review Motion Workbench',
+        description: 'Open the Motion Workbench to inspect, edit, version, and export Motion artifacts.',
+        access: 'read'
+    }
+];
+const plugin = {
+    meta: {
+        name: packageJson.name,
+        version: packageJson.version,
+        level: 'system',
+        targetApps: ['data-xpert', 'xpert'],
+        targetAppMeta: {
+            'data-xpert': {
+                types: ['workbench-view', 'assistant-tool', 'business-app'],
+                capabilities: [
+                    MOTION_FEATURE,
+                    MOTION_WORKBENCH_CAPABILITY,
+                    MOTION_AGENT_CAPABILITY,
+                    MOTION_LIBRARY_CAPABILITY,
+                    MOTION_TEMPLATE_CAPABILITY
+                ],
+                marketplace: {
+                    contents: [
+                        {
+                            type: 'app',
+                            name: 'motion',
+                            displayName: 'Motion',
+                            description: 'Use Motion Assistant to generate, edit, review, version, and export animated HTML pages and launch videos.',
+                            icon: {
+                                type: 'svg',
+                                value: MOTION_ICON,
+                                color: '#2563eb'
+                            },
+                            operations: motionMarketplaceOperations
+                        },
+                        {
+                            type: 'view',
+                            name: MOTION_WORKBENCH_VIEW_KEY,
+                            displayName: 'Motion Workbench',
+                            description: 'Workbench view for Motion projects, recipes, animated HTML editing, video compositions, versions, and exports.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        },
+                        {
+                            type: 'middleware',
+                            name: MOTION_MIDDLEWARE_NAME,
+                            displayName: 'Motion Agent Tools',
+                            description: 'Assistant middleware tools for searching recipes, creating Motion projects, saving HTML/video artifacts, versioning, exporting, and reporting failures.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        },
+                        {
+                            type: 'assistant-template',
+                            name: 'motion-assistant',
+                            displayName: 'Motion Assistant Template',
+                            description: 'Prebuilt assistant template for animated HTML and launch-video Motion workflows.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        }
+                    ]
+                },
+                runtime: {
+                    middlewareProviders: [MOTION_MIDDLEWARE_NAME],
+                    viewProviders: [MOTION_PROVIDER_KEY],
+                    templateProviders: [MOTION_TEMPLATE_PROVIDER_KEY]
+                }
+            },
+            xpert: {
+                types: ['assistant-template', 'skill', 'app', 'xpertai-bundle'],
+                capabilities: [
+                    MOTION_FEATURE,
+                    MOTION_WORKBENCH_CAPABILITY,
+                    MOTION_AGENT_CAPABILITY,
+                    MOTION_LIBRARY_CAPABILITY,
+                    MOTION_TEMPLATE_CAPABILITY
+                ],
+                marketplace: {
+                    contents: [
+                        {
+                            type: 'skill',
+                            name: 'motion-agent-skill',
+                            displayName: 'Motion Agent Skill',
+                            description: 'Skill for Motion middleware tools, recipe routing, MOTION-SPEC restraint, animated HTML editing, launch-video composition, and exports.',
+                            tags: ['skill', 'motion', 'animation', 'agent-motion', 'middleware-tools']
+                        },
+                        {
+                            type: 'assistant-template',
+                            name: 'motion-assistant',
+                            displayName: 'Motion Assistant',
+                            description: 'Assistant template for Motion visual workflows.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        },
+                        {
+                            type: 'app',
+                            name: 'motion',
+                            displayName: 'Motion',
+                            description: 'Use Motion Assistant with Workbench and Agent middleware tools for animated HTML and launch videos.',
+                            operations: motionMarketplaceOperations
+                        },
+                        {
+                            type: 'view',
+                            name: MOTION_WORKBENCH_VIEW_KEY,
+                            displayName: 'Motion Workbench',
+                            description: 'Workbench view for Motion projects, recipe selection, editing, versions, and exports.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        },
+                        {
+                            type: 'middleware',
+                            name: MOTION_MIDDLEWARE_NAME,
+                            displayName: 'Motion Agent Tools',
+                            description: 'Assistant middleware tools for recipe search, artifact persistence, versioning, export, and recovery.',
+                            metadata: {
+                                app: 'motion'
+                            }
+                        }
+                    ]
+                }
+            }
+        },
+        category: 'middleware',
+        icon: {
+            type: 'svg',
+            value: MOTION_ICON,
+            color: '#2563eb'
+        },
+        displayName: 'Motion',
+        description: 'Agentic Motion plugin for animated HTML, launch videos, motion recipes, versioning, review, and exports.',
+        keywords: ['motion', 'animation', 'video', 'html', 'recipe-library', 'middleware', 'view-extension', 'assistant-template'],
+        author: 'XpertAI Team'
+    },
+    config: {
+        schema: ConfigSchema
+    },
+    templates: motionTemplates,
+    register(ctx) {
+        ctx.logger.log('register motion plugin');
+        return { module: MotionPlugin, global: true };
+    },
+    async onStart(ctx) {
+        ctx.logger.log('motion plugin started');
+    },
+    async onStop(ctx) {
+        ctx.logger.log('motion plugin stopped');
+    }
+};
+export default plugin;
+export * from './lib/constants.js';
+export * from './lib/types.js';
+export * from './lib/entities/index.js';
+export * from './lib/motion.plugin.js';
+export * from './lib/motion.service.js';
+export * from './lib/motion.middleware.js';
+export * from './lib/motion-view.provider.js';
+export * from './lib/motion.templates.js';
+export * from './lib/recipe-library.js';
+export * from './lib/html-motion.js';
+export * from './lib/video-composition.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/lib/constants.d.ts

@@ -0,0 +1,28 @@
+export declare const MOTION_PLUGIN_NAME = "@xpert-ai/plugin-motion";
+export declare const MOTION_PROVIDER_KEY = "motion";
+export declare const MOTION_MIDDLEWARE_NAME = "MotionMiddleware";
+export declare const MOTION_TEMPLATE_PROVIDER_KEY = "motionTemplates";
+export declare const MOTION_FEATURE = "motion";
+export declare const MOTION_AGENT_CAPABILITY = "agent-motion";
+export declare const MOTION_WORKBENCH_CAPABILITY = "motion-workbench";
+export declare const MOTION_LIBRARY_CAPABILITY = "motion-library";
+export declare const MOTION_TEMPLATE_CAPABILITY = "motion-assistant-template";
+export declare const MOTION_WORKBENCH_VIEW_KEY = "motion_workbench";
+export declare const MOTION_REMOTE_ENTRY_KEY = "motion-workbench";
+export declare const AGENT_WORKBENCH_MAIN_SLOT = "agent.workbench.main";
+export declare const AGENT_WORKBENCH_FIXED_SLOT = "agent.workbench.fixed";
+export declare const ASSISTANT_CONTEXT_SET_COMMAND = "assistant.context.set";
+export declare const ASSISTANT_CHAT_SEND_MESSAGE_COMMAND = "assistant.chat.send_message";
+export declare const MOTION_SEARCH_RECIPES_TOOL_NAME = "motion_search_recipes";
+export declare const MOTION_GET_RECIPE_TOOL_NAME = "motion_get_recipe";
+export declare const MOTION_CREATE_PROJECT_TOOL_NAME = "motion_create_project";
+export declare const MOTION_GET_PROJECT_TOOL_NAME = "motion_get_project";
+export declare const MOTION_SAVE_WEB_ARTIFACT_TOOL_NAME = "motion_save_web_artifact";
+export declare const MOTION_SAVE_VIDEO_COMPOSITION_TOOL_NAME = "motion_save_video_composition";
+export declare const MOTION_FINALIZE_VERSION_TOOL_NAME = "motion_finalize_version";
+export declare const MOTION_EXPORT_ARTIFACT_TOOL_NAME = "motion_export_artifact";
+export declare const MOTION_UPDATE_PROJECT_STATUS_TOOL_NAME = "motion_update_project_status";
+export declare const MOTION_REPORT_FAILURE_TOOL_NAME = "motion_report_failure";
+export declare const MOTION_MIDDLEWARE_TOOL_NAMES: readonly ["motion_search_recipes", "motion_get_recipe", "motion_create_project", "motion_get_project", "motion_save_web_artifact", "motion_save_video_composition", "motion_finalize_version", "motion_export_artifact", "motion_update_project_status", "motion_report_failure"];
+export declare const MOTION_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\" height=\"256\" viewBox=\"0 0 256 256\" fill=\"none\">\n  <rect width=\"256\" height=\"256\" rx=\"40\" fill=\"#F8FAFC\"/>\n  <path d=\"M58 154C75 103 111 80 151 93C179 102 192 129 178 153C162 181 118 186 96 158\" stroke=\"#111827\" stroke-width=\"12\" stroke-linecap=\"round\"/>\n  <path d=\"M64 171C92 204 151 208 188 169\" stroke=\"#2563EB\" stroke-width=\"12\" stroke-linecap=\"round\"/>\n  <circle cx=\"153\" cy=\"93\" r=\"13\" fill=\"#7C3AED\"/>\n  <circle cx=\"96\" cy=\"158\" r=\"11\" fill=\"#14B8A6\"/>\n  <path d=\"M174 64L191 81L218 48\" stroke=\"#F59E0B\" stroke-width=\"12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
+//# sourceMappingURL=constants.d.ts.map

package/dist/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;AAC3D,eAAO,MAAM,mBAAmB,WAAW,CAAA;AAC3C,eAAO,MAAM,sBAAsB,qBAAqB,CAAA;AACxD,eAAO,MAAM,4BAA4B,oBAAoB,CAAA;AAC7D,eAAO,MAAM,cAAc,WAAW,CAAA;AACtC,eAAO,MAAM,uBAAuB,iBAAiB,CAAA;AACrD,eAAO,MAAM,2BAA2B,qBAAqB,CAAA;AAC7D,eAAO,MAAM,yBAAyB,mBAAmB,CAAA;AACzD,eAAO,MAAM,0BAA0B,8BAA8B,CAAA;AACrE,eAAO,MAAM,yBAAyB,qBAAqB,CAAA;AAC3D,eAAO,MAAM,uBAAuB,qBAAqB,CAAA;AAEzD,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAC/D,eAAO,MAAM,0BAA0B,0BAA0B,CAAA;AACjE,eAAO,MAAM,6BAA6B,0BAA0B,CAAA;AACpE,eAAO,MAAM,mCAAmC,gCAAgC,CAAA;AAEhF,eAAO,MAAM,+BAA+B,0BAA0B,CAAA;AACtE,eAAO,MAAM,2BAA2B,sBAAsB,CAAA;AAC9D,eAAO,MAAM,+BAA+B,0BAA0B,CAAA;AACtE,eAAO,MAAM,4BAA4B,uBAAuB,CAAA;AAChE,eAAO,MAAM,kCAAkC,6BAA6B,CAAA;AAC5E,eAAO,MAAM,uCAAuC,kCAAkC,CAAA;AACtF,eAAO,MAAM,iCAAiC,4BAA4B,CAAA;AAC1E,eAAO,MAAM,gCAAgC,2BAA2B,CAAA;AACxE,eAAO,MAAM,sCAAsC,iCAAiC,CAAA;AACpF,eAAO,MAAM,+BAA+B,0BAA0B,CAAA;AAEtE,eAAO,MAAM,4BAA4B,mRAW/B,CAAA;AAEV,eAAO,MAAM,WAAW,msBAOjB,CAAA"}