-
3D 预览加载失败，已切换为静态预览
+
{previewImageUrl ? "3D 预览加载失败，可查看静态预览或下载模型" : "3D 预览加载失败，请重试或下载模型"}
) : null}
+ {localStudioEnvironment ?
: null}
:
@@ -880,8 +886,12 @@ export function Model3DViewer({
scale={10}
/>
-
+ {!localStudioEnvironment ? (
+
+
+
+ ) : null}
{
+ const timer = setTimeout(() => setSlow(true), 15000);
+ return () => clearTimeout(timer);
+ }, []);
+ return (
+
+
+
+
{slow ? "模型加载较慢，可退出预览后重试，或下载模型查看" : "正在加载 3D 模型…"}
+
{manifest===null?'基础预览': '等待清单'} {manifestError}
};const noop=()=>{};const manifest={parts:[{nodeName:'panel',partId:'panel',partName:'测试面板',explodedOffsetMm:{x:500,y:0,z:0}}],scaleMmToGlb:0.001,actions:[],drag:{axes:['x','y','z'],maxDistanceMm:2000,snapDistanceMm:10}};const params=new URLSearchParams(location.search);const url='/model.glb?case='+params.get('case');
+createRoot(document.getElementById('root')).render(params.get('viewer')==='manifest'?:params.get('viewer')==='basic'?window.loaded=stats.meshCount>0}/>:window.loaded=total>0} onSelectedPartChange={noop} resetAllToken={0} resetSelectedToken={0} resetViewToken={0} selectedNodeName={null} sourceVariant="assembled" transformRequest={{actionId:null,amount:0,animate:false,durationMs:0,nonce:0}}/>);`;
+await esbuild.build({stdin:{contents:entry,resolveDir:root,loader:'tsx'},bundle:true,outfile:path.join(temp,'app.js'),jsx:'automatic',define:{'process.env.NODE_ENV':'"production"'},plugins: ref ? [{name:'old-viewers',setup(build){build.onLoad({filter:/(OpenClawInteractiveModelViewer|Model3DViewer)\.tsx$/},args=>({contents:execFileSync('git',['show',`${ref}:${path.relative(root,args.path)}`],{encoding:'utf8'}),loader:'tsx'}));}}] : []});
+let requests = 0;
+const server = http.createServer(async (req,res)=>{
+ const url=new URL(req.url,'http://localhost');
+ if(url.pathname==='/model.glb') {requests++;if(url.searchParams.get('case')==='slow') await new Promise(r=>setTimeout(r,1800));if(url.searchParams.get('case')==='error'){res.writeHead(500);res.end();return;}res.setHeader('Content-Type','model/gltf-binary');res.end(model);return;}
+ if(url.pathname==='/app.js'){res.setHeader('Content-Type','text/javascript');res.end(await fs.readFile(path.join(temp,'app.js')));return;}
+ res.setHeader('Content-Type','text/html');res.end('');
+});
+await new Promise(r=>server.listen(0,'127.0.0.1',r));
+const origin=`http://127.0.0.1:${server.address().port}`;
+const browser=await chromium.launch({channel:'chrome',headless:true,args:['--enable-unsafe-swiftshader']});
+try {
+ for(const viewer of ['interactive','basic']){
+ const page=await browser.newPage({viewport:{width:720,height:500}});const external=[];
+ // Simulate an overseas CDN connection that never completes, rather than instantly failing.
+ await page.route('**/*',route=>{if(route.request().url().startsWith(origin))return route.continue();external.push(new URL(route.request().url()).hostname);});
+ await page.goto(`${origin}/?viewer=${viewer}&case=slow`);
+ if(!ref) await page.getByRole('status').waitFor({timeout:10000});
+ await page.waitForTimeout(5000);
+ const screenshot=await page.locator('canvas').screenshot();
+ const {data,info}=await sharp(screenshot).removeAlpha().raw().toBuffer({resolveWithObject:true});
+ let visiblePixels=0;for(let i=0;i80)visiblePixels++;
+ const loaded=await page.evaluate(()=>!!window.loaded);
+ await fs.writeFile(path.join(temp,`${viewer}.png`),screenshot);
+ console.log(JSON.stringify({viewer,loaded,visiblePixels,external,requests,screenshot:path.join(temp,`${viewer}.png`)}));
+ if(ref){assert(external.includes('raw.githack.com'));assert(!loaded,'old viewer stays suspended while environment request hangs');assert(visiblePixels<2000,'old viewer renders no model');}
+ else {assert(loaded);assert.equal(external.length,0,'Claw viewer must not need an external environment');assert(visiblePixels>5000,'the model must be visible, not just loaded');assert.equal(await page.getByRole('status').count(),0);}
+ await page.close();
+ }
+ if(!ref){
+ const probe=await browser.newPage();await probe.clock.install();
+ await probe.route('**/pending-manifest',()=>{});
+ await probe.goto(`${origin}/?viewer=manifest`);await probe.getByText('等待清单').waitFor();
+ await probe.clock.fastForward(16000);await probe.getByText('基础预览 交互清单加载超时').waitFor();
+ await probe.close();console.log('Manifest timeout switches to basic viewer after 15 seconds');
+ const page=await browser.newPage();await page.goto(`${origin}/?viewer=interactive&case=error`);await page.getByText('3D 交互预览加载失败', {exact:false}).waitFor();await page.close();console.log('HTTP failure displays an explicit fallback');}
+} finally {await browser.close();server.close();}