useThread() can only be called from within generator functions. It's not available during rendering.

`);return n}function li(n){yn.push(n)}function hi(n){if(yn.pop()!==n)throw new Error("startThread/endThread was called out of order.")}function He(n){return n[0].toUpperCase()+n.slice(1)}function Ge(){let n;return e=>{if(e!==void 0)n=e;else return n}}function xi(n){return{message:n.message,stack:n.stack,remarks:n.remarks}}const ci=[{value:.25,text:"0.25x (Quarter)"},{value:.5,text:"0.5x (Half)"},{value:1,text:"1.0x (Full)"},{value:2,text:"2.0x (Double)"}],wc=[{value:"srgb",text:"sRGB"},{value:"display-p3",text:"DCI-P3"}],ui=[{value:30,text:"30 FPS"},{value:60,text:"60 FPS"}];var It;(function(n){n.Error="error",n.Warn="warn",n.Info="info",n.Http="http",n.Verbose="verbose",n.Debug="debug",n.Silly="silly"})(It||(It={}));class xc{constructor(){this.logged=new Ot,this.history=[],this.profilers={}}get onLogged(){return this.logged.subscribable}log(t){this.logged.dispatch(t),this.history.push(t)}error(t){this.logLevel(It.Error,t)}warn(t){this.logLevel(It.Warn,t)}info(t){this.logLevel(It.Info,t)}http(t){this.logLevel(It.Http,t)}verbose(t){this.logLevel(It.Verbose,t)}debug(t){this.logLevel(It.Debug,t)}silly(t){this.logLevel(It.Silly,t)}logLevel(t,e){const r=typeof e=="string"?{message:e}:e;r.level=t,this.log(r)}profile(t,e){const r=performance.now();if(this.profilers[t]){const i=this.profilers[t];delete this.profilers[t];const a=e??{message:t};a.level??(a.level=It.Debug),a.durationMs=r-i,this.log(a);return}this.profilers[t]=r}}var Je;(function(n){n[n.Playing=0]="Playing",n[n.Rendering=1]="Rendering",n[n.Paused=2]="Paused",n[n.Presenting=3]="Presenting"})(Je||(Je={}));function Sc(n){const t={version:new Ct("version",1),shared:new Xt("General",{background:new fn("background",null),range:new Mr("range",[0,1/0]),size:new zi("resolution",new g(1920,1080)),audioOffset:new hn("audio offset",0)}),preview:new Xt("Preview",{fps:new hn("frame rate",30).setPresets(ui).setRange(1),resolutionScale:new be("scale",ci,1)}),rendering:new Xt("Rendering",{fps:new hn("frame rate",60).setPresets(ui).setRange(1),resolutionScale:new be("scale",ci,1),colorSpace:new be("color space",wc),exporter:new ou("exporter",n)})};return t.shared.audioOffset.disable(!n.audio),t}class kc extends Xt{constructor(t){super("project",Sc(t))}getFullPreviewSettings(){return{...this.shared.get(),...this.preview.get()}}getFullRenderingSettings(){return{...this.shared.get(),...this.rendering.get()}}}function Cc(){return new Xt("Application Settings",{version:new Ct("version",1),appearance:new Xt("Appearance",{color:new fn("accent color",new Yt("#33a6ff")).describe("The accent color for the user interface. (Leave empty to use the default color)"),font:new Cr("legacy font",!1).describe("Use the 'JetBrains Mono' font for the user interface."),coordinates:new Cr("coordinates",!0).describe("Display mouse coordinates within the preview window.")}),defaults:new Xt("Defaults",{background:new fn("background",null).describe("The default background color used in new projects."),size:new zi("resolution",new g(1920,1080)).describe("The default resolution used in new projects.")})})}function Tc(n,t,e,r,i,a,h=r.logger??new xc){const u=Cc();a.attach(u);const v={name:n,...r,plugins:e,versions:t,settings:u,logger:h};return v.meta=new kc(v),v.meta.shared.set(u.defaults.get()),v.experimentalFeatures??(v.experimentalFeatures=!1),i.attach(v.meta),v}function Rc(n,t){return{level:It.Error,message:n,remarks:(t??"")+`

This feature requires enabling the experimentalFeatures flag in your project configuration:

export default makeProject({
  experimentalFeatures: true,
  // ...
});

Learn more about experimental features.

`}}const Pc=180/Math.PI,cn=Math.PI/180;function Mc(n){if(!Si()||n.startsWith("/cors-proxy/"))return n;const t=new URL(window.location.toString());try{const e=new URL(n,t);if(!e.protocol.startsWith("http")||t.host===e.host||!Lc(e.host))return n}catch{return n}return`/cors-proxy/${encodeURIComponent(n)}`}function Lc(n){const t=$c();if(t.length===0)return!0;for(const e of t)if(e.toLowerCase().trim()===n)return!0;return!1}function Si(){return!1}let mr;function $c(){return{}.VITEST!=="true"&&mr?[...mr]:(mr=function(){if(!Si()||!{VITE_MC_PROXY_ENABLED:"false",BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1})return[];const t={}.VITE_MC_PROXY_ALLOW_LIST??"[]",e=JSON.parse(t);Array.isArray(e)||it().error("Parsed Allow List expected to be an Array, but is "+typeof e);const r=[];for(const i of e){if(typeof i!="string"){it().warn("Unexpected Value in Allow List: "+i+". Expected a String. Skipping.");continue}r.push(i)}return r}(),[...mr])}function fi(n,t,e){let r=0,i=n;t!==void 0&&(r=n,i=t),e=e===void 0?r=0;i--)t[i](e,n.name,r)}const di=Symbol.for("@motion-canvas/core/decorators/UNINITIALIZED");function Ci(n){return(t,e)=>{let r=di;Object.defineProperty(t,e,{get(){return r===di&&(r=n.call(this)),r}})}}function ft(n){return function(t,e,r){r.value.prototype.name=n??e,r.value.prototype.threadable=!0}}Vt(ve,ft());function*ve(...n){for(const t of n)yield t;yield*Mi(...n)}Vt(zc,ft());function*zc(n,t){yield*Qe(Ic(n)),t&&(yield*t)}Vt(Qe,ft());function*Qe(n=0,t){const e=tr(),r=ki().framesToSeconds(1),i=e.time()+n;for(;i-r>e.fixed;)yield;e.time(i),t&&(yield*t)}Vt(Ti,ft());function*Ti(){}function pi(n,t){let e;return typeof n=="string"?(e=t(),Tr(e,n)):(e=n(),Tr(e,e)),e}function Ec(n){return n&&(typeof n=="object"||typeof n=="function")&&"toPromise"in n}function Ri(n){return n!==null&&typeof n=="object"&&Symbol.iterator in n&&"next"in n}function Tr(n,t){const e=Object.getPrototypeOf(n);e.threadable||(e.threadable=!0,e.name=typeof t=="string"?t:Pi(t))}function Pi(n){return Object.getPrototypeOf(n).name??null}class ln{get onDeferred(){return this.deferred.subscribable}get fixed(){return this.fixedTime}get canceled(){var t;return this.isCanceled||(((t=this.parent)==null?void 0:t.canceled)??!1)}get paused(){var t;return this.isPaused||(((t=this.parent)==null?void 0:t.paused)??!1)}get root(){var t;return((t=this.parent)==null?void 0:t.root)??this}constructor(t){this.runner=t,this.deferred=new Ot,this.children=[],this.time=je(0),this.parent=null,this.isCanceled=!1,this.isPaused=!1,this.fixedTime=0,this.queue=[],this.runner.task&&(it().error({message:`The generator "${Pi(this.runner)}" is already being executed by another thread.`,remarks:`

This usually happens when you mistakenly reuse a generator that is already running.

For example, using yield here will run the opacity generator concurrently and store it in the task variable (in case you want to cancel or await it later):

const task = yield rect().opacity(1, 1);

Trying to yield this task again will cause the current error:

yield task;

Passing it to other flow functions will also cause the error:

yield* all(task);

Try to investigate your code looking for yield statements whose return value is reused in this way. Here's an example of a common mistake:

yield* all(
  yield rect().opacity(1, 1), 
  yield rect().x(200, 1),
);

yield* all(
  rect().opacity(1, 1), 
  rect().x(200, 1),
);

The image won't be visible unless you specify a source:

import myImage from './example.png';
// ...
<Img src={myImage} />;

If you did this intentionally, and don't want to see this warning, set the src property to null:

<Img src={null} />

Learn more about working with images.

`,inspect:this.key})}desiredSize(){const t=super.desiredSize();if(t.x===null&&t.y===null){const e=this.image();return{x:e.naturalWidth,y:e.naturalHeight}}return t}image(){const t=this.src();let e="",r="";if(t){r=Mc(t);const a=new URL(r,window.location.origin);if(a.origin===window.location.origin){const h=this.view().assetHash();a.searchParams.set("asset-hash",h)}e=a.toString()}let i=kr.pool[r];return i||(i=document.createElement("img"),i.crossOrigin="anonymous",i.src=e,kr.pool[r]=i),i.complete||lt.collectPromise(new Promise((a,h)=>{i.addEventListener("load",a),i.addEventListener("error",()=>h(new mn({message:"Failed to load an image",remarks:`The src property was set to:

${t}

...which resolved to the following url:

${e}

Make sure that source is correct and that the image exists.
Learn more about working with images.`,inspect:this.key})))})),i}imageCanvas(){const t=document.createElement("canvas").getContext("2d",{willReadFrequently:!0});if(!t)throw new Error("Could not create an image canvas");return t}filledImageCanvas(){const t=this.imageCanvas(),e=this.image();return t.canvas.width=e.naturalWidth,t.canvas.height=e.naturalHeight,t.imageSmoothingEnabled=this.smoothing(),t.drawImage(e,0,0),t}draw(t){this.drawShape(t);const e=this.alpha();if(e>0){const r=V.fromSizeCentered(this.computedSize());t.save(),t.clip(this.getPath()),e<1&&(t.globalAlpha*=e),t.imageSmoothingEnabled=this.smoothing(),mu(t,this.image(),r),t.restore()}this.clip()&&t.clip(this.getPath()),this.drawChildren(t)}applyFlex(){super.applyFlex();const t=this.image();this.element.style.aspectRatio=(this.ratio()??t.naturalWidth/t.naturalHeight).toString()}getColorAtPoint(t){const e=this.computedSize(),r=this.naturalSize(),i=new g(t).add(this.computedSize().scale(.5)).mul(r.div(e).safe);return this.getPixelColor(i)}naturalSize(){const t=this.image();return new g(t.naturalWidth,t.naturalHeight)}getPixelColor(t){const e=this.filledImageCanvas(),r=new g(t),i=e.getImageData(r.x,r.y,1,1).data;return new Yt({r:i[0],g:i[1],b:i[2],a:i[3]/255})}collectAsyncResources(){super.collectAsyncResources(),this.image()}};Rt.pool={};he([R()],Rt.prototype,"src",void 0);he([I(1),R()],Rt.prototype,"alpha",void 0);he([I(!0),R()],Rt.prototype,"smoothing",void 0);he([E()],Rt.prototype,"image",null);he([E()],Rt.prototype,"imageCanvas",null);he([E()],Rt.prototype,"filledImageCanvas",null);he([E()],Rt.prototype,"naturalSize",null);Rt=kr=he([Ce("Img")],Rt);var Mn=globalThis&&globalThis.__decorate||function(n,t,e,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,e):r,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(n,t,e,r);else for(var u=n.length-1;u>=0;u--)(h=n[u])&&(a=(i<3?h(a):i>3?h(t,e,a):h(t,e))||a);return i>3&&a&&Object.defineProperty(t,e,a),a};class _e extends Rt{constructor(t){super({...t,src:null})}svgUrl(){const t=this.icon().replace(":","/"),e=encodeURIComponent(this.color().hex());return`https://api.iconify.design/${t}.svg?color=${e}`}getSrc(){return this.svgUrl()}setSrc(t){t!==null&&it().warn("The Icon Component does not accept setting the `src`. If you need access to `src`, use '` instead.")}}Mn([R()],_e.prototype,"icon",void 0);Mn([I("white"),Bi()],_e.prototype,"color",void 0);Mn([E()],_e.prototype,"svgUrl",null);class Iu extends Zc{constructor(t){super(t),this.view=null,this.registeredNodes=new Map,this.nodeCounters=new Map,this.assetHash=Date.now().toString(),this.recreateView()}getView(){return this.view}next(){var t;return(t=this.getView())==null||t.playbackState(this.playback.state).globalTime(this.playback.time),super.next()}draw(t){t.save(),this.renderLifecycle.dispatch([jt.BeforeRender,t]),t.save(),this.renderLifecycle.dispatch([jt.BeginRender,t]),this.getView().playbackState(this.playback.state).globalTime(this.playback.time),this.getView().render(t),this.renderLifecycle.dispatch([jt.FinishRender,t]),t.restore(),this.renderLifecycle.dispatch([jt.AfterRender,t]),t.restore()}reset(t){for(const e of this.registeredNodes.keys())try{this.registeredNodes.get(e).dispose()}catch(r){this.logger.error(r)}return this.registeredNodes.clear(),this.registeredNodes=new Map,this.nodeCounters.clear(),this.recreateView(),super.reset(t)}inspectPosition(t,e){return this.execute(()=>{var r;return((r=this.getView().hit(new g(t,e)))==null?void 0:r.key)??null})}validateInspection(t){var e;return((e=this.getNode(t))==null?void 0:e.key)??null}inspectAttributes(t){const e=this.getNode(t);if(!e)return null;const r={stack:e.creationStack,key:e.key};for(const{key:i,meta:a,signal:h}of e)a.inspectable&&(r[i]=h());return r}drawOverlay(t,e,r){const i=this.getNode(t);i&&this.execute(()=>{const a=this.getView().findAll(ji(Et)),h=[];for(const u of a){const v=u.scene();v&&(v===i||v.findFirst(y=>y===i))&&h.push(u)}if(h.length>0)for(const u of h){const v=u.parentToWorld(),y=u.localToParent().inverse(),C=i.localToWorld();i.drawOverlay(r,e.multiply(v).multiply(y).multiply(C))}else i.drawOverlay(r,e.multiply(i.localToWorld()))})}transformMousePosition(t,e){return new g(t,e).transformAsPoint(this.getView().localToParent().inverse())}registerNode(t,e){var h;const r=((h=t.constructor)==null?void 0:h.name)??"unknown",i=(this.nodeCounters.get(r)??0)+1;this.nodeCounters.set(r,i),e&&this.registeredNodes.has(e)&&(it().error({message:`Duplicated node key: "${e}".`,inspect:e,stack:new Error().stack}),e=void 0),e??(e=`${this.name}/${r}[${i}]`),this.registeredNodes.set(e,t);const a=this.registeredNodes;return[e,()=>a.delete(e)]}getNode(t){return typeof t!="string"?null:this.registeredNodes.get(t)??null}*getDetachedNodes(){for(const t of this.registeredNodes.values())!t.parent()&&t!==this.view&&(yield t)}recreateView(){this.execute(()=>{const t=this.getSize();this.view=new xe({position:t.scale(this.resolutionScale/2),scale:this.resolutionScale,assetHash:this.assetHash,size:t})})}}function Au(n){return{klass:Iu,config:n,stack:new Error().stack,meta:Vc(),plugins:["@motion-canvas/2d/editor"]}}let Ou="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='576'%20height='576'%20viewBox='0%200%20576%20576'%20fill='none'%3e%3cpath%20d='M287.5%20229L86%20344.5L287.5%20460L489%20344.5L287.5%20229Z'%20stroke='url(%23paint0_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M287.5%20116L86%20231.5L287.5%20347L489%20231.5L287.5%20116Z'%20stroke='url(%23paint1_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%20344L288%20229'%20stroke='url(%23paint2_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='bevel'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_102_7'%20x1='60'%20y1='341'%20x2='429.5'%20y2='344'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_102_7'%20x1='513.5'%20y1='231'%20x2='143.5'%20y2='231'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_102_7'%20x1='60'%20y1='344'%20x2='428.987'%20y2='341.811'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";const ge=Au(function*(n){n.fill("white");const t=Ge(),e=Ge(),r=Ge(),i=Ge(),a=Ge();n.add(Ee($,{layout:!0,direction:"row",size:"100%",padding:100,gap:0,alignItems:"center",justifyContent:"center",children:[Ee(Rt,{ref:t,src:Ou,width:"25%",offset:[1,2]}),Ee(_e,{ref:e,icon:"material-symbols-light:add-2-rounded",color:"#404040",width:"20%",margin:-10}),Ee(Rt,{ref:r,src:"https://motioncanvas.io/img/logo.svg",width:"25%",margin:-10}),Ee(_e,{ref:i,icon:"material-symbols-light:equal",color:"#404040",width:"20%",margin:-30}),Ee(_e,{ref:a,icon:"material-symbols-light:favorite",color:"#ff6470",width:"25%"})]}));let h=n.size().y*1.5;t().margin.bottom(h),e().margin.bottom(h),r().margin.bottom(h),i().margin.bottom(h),a().margin.bottom(h);const u={mass:.04,stiffness:10,damping:.85,initialVelocity:8};let v=function(y){return Ii(u,h,0,5,C=>{y().margin.bottom(C)})};yield*v(t),yield*v(e),yield*v(r),yield*v(i),yield*v(a),yield*Qe(1),yield*ve(t().opacity(0,1,qe),e().opacity(0,1,qe),r().opacity(0,1,qe),i().opacity(0,1,qe),a().opacity(0,1,qe)),yield*Qe(1)});ge.name="example";cu.attach(ge.meta);ge.onReplaced??(ge.onReplaced=new ie(ge.config));const zu={scenes:[ge]};let Ln;Ln??(Ln=new er("\0virtual:settings",!1));Ln.loadData({version:1,appearance:{color:"rgb(0,144,255)",font:!1,coordinates:!0},defaults:{background:"rgb(157,157,157)",size:{x:1920,y:1080}}});const Eu=Ln,Wu=Tc("project",{core:"3.17.2",two:"3.17.2",ui:"3.17.2",vitePlugin:"3.17.2"},[lu()],zu,hu,Eu);export{Wu as default};