{"record":{"id":"f8ea464b7c59f8e9","repo":"asgeirtj/system_prompts_leaks","slug":"three-d-stage-not-ready-await-stage-ready-first","errorCode":null,"errorMessage":"three-d-stage: not ready — await stage.ready first","messagePattern":"three-d-stage: not ready — await stage\\.ready first","errorType":"exception","errorClass":"Error","httpStatus":null,"severity":"error","filePath":"Anthropic/Claude Design/Starter components/three-d-stage.js","lineNumber":307,"sourceCode":" }\n\n this._readyResolve({ THREE });\n }\n\n disconnectedCallback() {\n // Stop rendering and observing while detached; connectedCallback\n // resumes both. (The renderer itself is kept — a move within the\n // document must not rebuild the scene.)\n if (this._renderer) this._renderer.setAnimationLoop(null);\n if (this._ro) this._ro.disconnect();\n }\n\n /** Show (and own) the object. Replaces any previous object, enables\n * shadows on every mesh, rests it on the ground plane, and frames\n * the camera to its bounds. */\n setObject(object) {\n const THREE = this._THREE;\n if (!THREE) throw new Error('three-d-stage: not ready — await stage.ready first');\n if (this._object) this._scene.remove(this._object);\n this._object = object;\n object.traverse((o) => {\n if (o.isMesh) {\n o.castShadow = true;\n o.receiveShadow = true;\n }\n });\n const box = new THREE.Box3().setFromObject(object);\n if (!box.isEmpty()) {\n // Rest the object on the ground without moving its origin.\n this._ground.position.y = box.min.y;\n const sphere = box.getBoundingSphere(new THREE.Sphere());\n const dist =\n (sphere.radius / Math.tan((this._camera.fov * Math.PI) / 360)) * 1.35;\n const dir = new THREE.Vector3(1, 0.55, 1.25).normalize();\n this._camera.position\n .copy(sphere.center)","sourceCodeStart":289,"sourceCodeEnd":325,"githubUrl":"https://github.com/asgeirtj/system_prompts_leaks/blob/93c999115b300a6faac567830b0450a5478800cd/Anthropic/Claude Design/Starter components/three-d-stage.js#L289-L325","documentation":"The custom element throws this from setObject() when this._THREE is undefined. _THREE is only assigned inside the async _boot() (line 213), which dynamically imports three.js and its addons through the page import map. The ready Promise (created in the constructor at line 179, resolved at the end of _boot() at line 291) is the synchronization point — it yields { THREE } once the scene is live. Calling setObject before that promise settles dereferences a null THREE namespace, so the guard throws rather than producing a less obvious TypeError deeper in.","triggerScenarios":"Calling stage.setObject(model) synchronously after document.querySelector('three-d-stage') without awaiting stage.ready. Also fires when _boot() rejected (import map missing/broken, CDN unreachable, version mismatch) so _THREE was never assigned — the ready Promise rejects but if the caller never awaited it, the rejection is swallowed and the next setObject call hits the null guard.","commonSituations":"Copy-pasting usage code that omits the `const { THREE } = await stage.ready` line shown in the header docs. Placing the