pixifact-cli 0.5.0 → 0.6.0

package/editor/assets/{index-CVrKIfXK.css → index-gCKoe0w8.css}

@@ -1 +1 @@
-:root{color:#d9dee7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#111318;--panel:#171a20;--panel-raised:#1d2129;--canvas:#0d0f13;--line:#2a2f39;--line-strong:#39404d;--text:#d9dee7;--muted:#818997;--faint:#596171;--focus:#4c8dff;--focus-soft:#213a63;--success:#51b785;--warning:#d4a64f;--danger:#e36f6f;--control:#11141a;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{color:inherit;font:inherit;letter-spacing:0}button{border:0}.editor-shell{background:var(--bg);grid-template-rows:42px minmax(0,1fr);width:100%;height:100%;display:grid}.editor-session-standby{background:var(--bg);place-items:center;width:100%;height:100%;display:grid}.editor-session-standby>section{gap:18px;width:min(420px,100vw - 40px);display:grid}.standby-product{color:var(--faint);font-size:10px;font-weight:750}.editor-session-standby h1{color:var(--text);letter-spacing:0;margin:0;font-size:18px}.standby-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);gap:8px 12px;padding:14px 0;display:grid}.standby-context span{color:var(--muted);font-size:12px}.standby-context strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.takeover-button{background:var(--focus);color:#fff;cursor:pointer;border:1px solid #659cff;border-radius:4px;justify-self:start;min-width:104px;height:32px;padding:0 14px;font-size:12px;font-weight:650}.takeover-button:hover:not(:disabled){background:#5a96ff}.standby-note,.standby-error{margin:-6px 0 0;font-size:11px;line-height:1.6}.standby-note{color:var(--muted)}.standby-error{color:var(--danger)}.topbar{border-bottom:1px solid var(--line);background:#14171c;grid-template-columns:232px minmax(0,1fr) auto 112px;align-items:center;min-width:0;display:grid}.brand{border-right:1px solid var(--line);color:#f1f4f8;align-items:center;height:100%;padding:0 14px;font-size:11px;font-weight:750;display:flex}.scene-identity{align-items:baseline;gap:10px;min-width:0;padding:0 14px;display:flex}.scene-identity strong{flex:none;font-size:13px}.scene-identity span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-tools{align-items:center;gap:2px;padding-right:10px;display:flex}.history-tools button,.reset-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.history-tools button:hover:not(:disabled),.reset-button:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}button:disabled{opacity:.35;cursor:default}.sync-state{border-left:1px solid var(--line);height:100%;color:var(--muted);align-items:center;gap:7px;padding:0 13px;font-size:11px;display:flex}.sync-state span{background:var(--success);border-radius:50%;width:7px;height:7px}.sync-state[data-state=saving] span{background:var(--warning)}.sync-state[data-state=conflict] span,.sync-state[data-state=error] span{background:var(--danger)}.workspace{grid-template-columns:minmax(190px,232px) minmax(360px,1fr) minmax(250px,296px);min-width:0;min-height:0;display:grid}.left-panel,.right-panel,.canvas-panel{min-width:0;min-height:0}.left-panel,.right-panel{background:var(--panel)}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);overflow:auto}.left-tabs{grid-template-rows:34px minmax(0,1fr);height:100%;display:grid}.tab-list{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.tab-trigger{color:var(--muted);cursor:pointer;background:0 0;font-size:11px;position:relative}.tab-trigger[data-state=active]{color:var(--text)}.tab-trigger[data-state=active]:after{background:var(--focus);content:"";height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.tab-content{outline:none;min-height:0;overflow:auto}.panel-title,.inspector-section-title,.asset-group-label{color:var(--muted);font-size:10px;font-weight:700}.panel-title{border-bottom:1px solid var(--line);align-items:center;height:34px;padding:0 12px;display:flex}.tree-list{margin:0;padding:0;list-style:none}.hierarchy-panel{min-height:100%;padding:0 0 6px}.hierarchy-toolbar{z-index:2;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) 27px 27px 27px;align-items:center;gap:2px;height:35px;padding:4px 6px;display:grid;position:sticky;top:0}.hierarchy-toolbar select{border:1px solid var(--line-strong);background:var(--control);width:100%;min-width:0;height:25px;color:var(--text);border-radius:3px;outline:none;padding:0 5px;font-size:10px}.hierarchy-toolbar select:focus{border-color:var(--focus)}.hierarchy-toolbar button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;place-items:center;padding:0;display:grid}.hierarchy-toolbar button:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}.tree-row{width:100%;height:27px;color:var(--text);text-align:left;cursor:default;background:0 0;grid-template-columns:15px 16px minmax(0,1fr) auto;align-items:center;gap:4px;padding-top:0;padding-bottom:0;padding-right:9px;display:grid;position:relative}.hierarchy-panel.is-dragging .tree-row{cursor:grabbing}.hierarchy-panel.is-asset-dragging .tree-row{cursor:copy}.tree-row.drop-inside{box-shadow:inset 0 0 0 1px var(--focus);background:#26364d}.tree-row.drop-before:before,.tree-row.drop-after:after{z-index:1;background:var(--focus);content:"";pointer-events:none;height:2px;position:absolute;left:5px;right:5px}.tree-row.drop-before:before{top:-1px}.tree-row.drop-after:after{bottom:-1px}.tree-row:hover{background:#20242c}.tree-row.selected{background:var(--focus-soft);color:#eef5ff}.tree-disclosure{width:15px;height:20px;color:var(--muted);place-items:center;display:grid}.tree-disclosure.empty{visibility:hidden}.tree-icon{color:#8da4c7}.tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.tree-row small{color:var(--faint);font-size:9px}.scene-root{cursor:default;padding-left:8px;font-weight:650}.scene-mark{color:#a9c8f8;border:1px solid #637a9d;border-radius:3px;place-items:center;width:14px;height:14px;font-size:8px;display:grid}.asset-list{padding:7px 0 14px}.asset-group-label{padding:10px 12px 5px}.asset-row{width:100%;height:29px;color:var(--text);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;padding:0 12px;display:grid}button.asset-row{cursor:pointer}.asset-row[data-asset-draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.asset-row:hover,.asset-row.selected{background:#20242c}.asset-row.selected{color:#a9ccff}.asset-row span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.asset-row.asset-draggable{color:var(--muted)}.asset-empty,.panel-empty{color:var(--faint);padding:14px 12px;font-size:12px}.panel-empty.compact{padding-top:18px}.canvas-panel{background:var(--canvas);position:relative}.scene-canvas-host{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.scene-canvas-host.is-asset-drop-target:after{z-index:2;border:1px solid var(--focus);content:"";pointer-events:none;position:absolute;inset:3px}.canvas-grid{pointer-events:none;background-image:linear-gradient(#20242b 1px,#0000 1px),linear-gradient(90deg,#20242b 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.scene-canvas{display:block;position:absolute;inset:0}.scene-canvas-host.is-pan-ready .scene-canvas{cursor:grab!important}.scene-canvas-host.is-panning .scene-canvas{cursor:grabbing!important}.canvas-tools{z-index:3;position:absolute;top:10px;right:10px}.canvas-tools button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;padding:0;display:inline-grid}.canvas-tools button:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}.canvas-status{border:1px solid var(--line);max-width:min(520px,100% - 48px);color:var(--muted);background:#15181e;border-radius:4px;padding:7px 10px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspector-panel{min-height:0}.inspector-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:8px 12px;display:flex}.inspector-heading div{gap:3px;min-width:0;display:grid}.inspector-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inspector-heading small,.node-id{color:var(--muted);font-size:10px}.node-id{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.inspector-section-title{border-bottom:1px solid var(--line);height:28px;padding:9px 12px 0}.property-row{border-bottom:1px solid #21252d;grid-template-columns:minmax(70px,.8fr) minmax(120px,1.4fr);align-items:center;min-height:34px;padding:3px 8px 3px 12px;display:grid}.property-row>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.property-row>span.inherited{color:var(--muted)}.property-control{grid-template-columns:minmax(0,1fr) 24px;align-items:start;gap:3px;display:grid}.property-value{gap:3px;min-width:0;display:grid}.property-control input[type=text],.property-control input[type=number],.property-control select{border:1px solid var(--line-strong);background:var(--control);width:100%;min-width:0;height:25px;color:var(--text);border-radius:3px;outline:none;padding:0 7px;font-size:11px}.property-control input:focus,.property-control select:focus{border-color:var(--focus)}.property-control input:disabled,.property-control select:disabled{color:#9ca6b5;cursor:default;opacity:1;background:#1b1f26;border-color:#303640}.property-control input[type=checkbox]{width:15px;height:15px;accent-color:var(--focus)}.property-control input[type=color]{border:1px solid var(--line-strong);background:var(--control);border-radius:3px;width:34px;height:24px;padding:2px}.reset-button{width:24px;height:24px}.binding-source{color:#8eb8e8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex;overflow:hidden}.inline-error,.global-error{color:#ffd1d1;margin:0;font-size:11px}.inline-error{background:#2d1b20;border-bottom:1px solid #4f292f;padding:9px 12px}.global-error{background:#321e23;border:1px solid #66343c;border-radius:4px;max-width:min(520px,100vw - 24px);padding:9px 11px;position:fixed;bottom:12px;right:12px}@media (width<=860px){.workspace{grid-template-columns:190px minmax(320px,1fr) 250px}.topbar{grid-template-columns:190px minmax(0,1fr) auto 100px}}
+:root{color:#d9dee7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#111318;--panel:#171a20;--panel-raised:#1d2129;--canvas:#0d0f13;--line:#2a2f39;--line-strong:#39404d;--text:#d9dee7;--muted:#818997;--faint:#596171;--focus:#4c8dff;--focus-soft:#213a63;--success:#51b785;--warning:#d4a64f;--danger:#e36f6f;--control:#11141a;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{color:inherit;font:inherit;letter-spacing:0}button{border:0}.editor-shell{background:var(--bg);grid-template-rows:42px minmax(0,1fr);width:100%;height:100%;display:grid}.editor-session-standby{background:var(--bg);place-items:center;width:100%;height:100%;display:grid}.editor-session-standby>section{gap:18px;width:min(420px,100vw - 40px);display:grid}.standby-product{color:var(--faint);font-size:10px;font-weight:750}.editor-session-standby h1{color:var(--text);letter-spacing:0;margin:0;font-size:18px}.standby-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);gap:8px 12px;padding:14px 0;display:grid}.standby-context span{color:var(--muted);font-size:12px}.standby-context strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.takeover-button{background:var(--focus);color:#fff;cursor:pointer;border:1px solid #659cff;border-radius:4px;justify-self:start;min-width:104px;height:32px;padding:0 14px;font-size:12px;font-weight:650}.takeover-button:hover:not(:disabled){background:#5a96ff}.standby-note,.standby-error{margin:-6px 0 0;font-size:11px;line-height:1.6}.standby-note{color:var(--muted)}.standby-error{color:var(--danger)}.topbar{border-bottom:1px solid var(--line);background:#14171c;grid-template-columns:232px minmax(0,1fr) auto 112px;align-items:center;min-width:0;display:grid}.brand{border-right:1px solid var(--line);color:#f1f4f8;align-items:center;height:100%;padding:0 14px;font-size:11px;font-weight:750;display:flex}.scene-identity{align-items:baseline;gap:10px;min-width:0;padding:0 14px;display:flex}.scene-identity strong{flex:none;font-size:13px}.scene-identity span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-tools{align-items:center;gap:2px;padding-right:10px;display:flex}.history-tools button,.reset-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.history-tools button:hover:not(:disabled),.reset-button:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}button:disabled{opacity:.35;cursor:default}.sync-state{border-left:1px solid var(--line);height:100%;color:var(--muted);align-items:center;gap:7px;padding:0 13px;font-size:11px;display:flex}.sync-state span{background:var(--success);border-radius:50%;width:7px;height:7px}.sync-state[data-state=saving] span{background:var(--warning)}.sync-state[data-state=conflict] span,.sync-state[data-state=error] span{background:var(--danger)}.workspace{grid-template-columns:minmax(190px,232px) minmax(360px,1fr) minmax(250px,296px);min-width:0;min-height:0;display:grid}.left-panel,.right-panel,.canvas-panel{min-width:0;min-height:0}.left-panel,.right-panel{background:var(--panel)}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);overflow:auto}.left-tabs{grid-template-rows:34px minmax(0,1fr);height:100%;display:grid}.tab-list{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.tab-trigger{color:var(--muted);cursor:pointer;background:0 0;font-size:11px;position:relative}.tab-trigger[data-state=active]{color:var(--text)}.tab-trigger[data-state=active]:after{background:var(--focus);content:"";height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.tab-content{outline:none;min-height:0;overflow:auto}.panel-title,.inspector-section-title,.asset-group-label{color:var(--muted);font-size:10px;font-weight:700}.panel-title{border-bottom:1px solid var(--line);align-items:center;height:34px;padding:0 12px;display:flex}.tree-list{margin:0;padding:0;list-style:none}.hierarchy-panel{min-height:100%;padding:0 0 6px}.hierarchy-toolbar{z-index:2;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) 27px 27px 27px;align-items:center;gap:2px;height:35px;padding:4px 6px;display:grid;position:sticky;top:0}.hierarchy-toolbar select{border:1px solid var(--line-strong);background:var(--control);width:100%;min-width:0;height:25px;color:var(--text);border-radius:3px;outline:none;padding:0 5px;font-size:10px}.hierarchy-toolbar select:focus{border-color:var(--focus)}.hierarchy-toolbar button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;place-items:center;padding:0;display:grid}.hierarchy-toolbar button:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}.tree-row{width:100%;height:27px;color:var(--text);text-align:left;cursor:default;background:0 0;grid-template-columns:15px 16px minmax(0,1fr) auto;align-items:center;gap:4px;padding-top:0;padding-bottom:0;padding-right:9px;display:grid;position:relative}.hierarchy-panel.is-dragging .tree-row{cursor:grabbing}.hierarchy-panel.is-asset-dragging .tree-row{cursor:copy}.tree-row.drop-inside{box-shadow:inset 0 0 0 1px var(--focus);background:#26364d}.tree-row.drop-before:before,.tree-row.drop-after:after{z-index:1;background:var(--focus);content:"";pointer-events:none;height:2px;position:absolute;left:5px;right:5px}.tree-row.drop-before:before{top:-1px}.tree-row.drop-after:after{bottom:-1px}.tree-row:hover{background:#20242c}.tree-row.selected{background:var(--focus-soft);color:#eef5ff}.tree-disclosure{width:15px;height:20px;color:var(--muted);place-items:center;display:grid}.tree-disclosure.empty{visibility:hidden}.tree-icon{color:#8da4c7}.tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.tree-row small{color:var(--faint);font-size:9px}.scene-root{cursor:default;padding-left:8px;font-weight:650}.scene-mark{color:#a9c8f8;border:1px solid #637a9d;border-radius:3px;place-items:center;width:14px;height:14px;font-size:8px;display:grid}.asset-list{padding:7px 0 14px}.asset-row{width:100%;height:29px;color:var(--text);text-align:left;background:0 0;grid-template-columns:14px 18px minmax(0,1fr);align-items:center;gap:5px;padding:0 12px;display:grid}button.asset-row{cursor:pointer}.asset-directory{color:var(--muted)}.asset-directory svg:nth-of-type(2){color:#a9c8f8}.asset-row[data-asset-draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.asset-row:hover,.asset-row.selected{background:#20242c}.asset-row.selected{color:#a9ccff}.asset-row span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.asset-row .asset-row-spacer{width:14px}.asset-thumbnail{object-fit:contain;pointer-events:none;border-radius:2px;width:18px;height:18px}.asset-row.asset-draggable{color:var(--muted)}.asset-empty,.panel-empty{color:var(--faint);padding:14px 12px;font-size:12px}.panel-empty.compact{padding-top:18px}.canvas-panel{background:var(--canvas);position:relative}.scene-canvas-host{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.scene-canvas-host.is-asset-drop-target:after{z-index:2;border:1px solid var(--focus);content:"";pointer-events:none;position:absolute;inset:3px}.canvas-grid{pointer-events:none;background-image:linear-gradient(#20242b 1px,#0000 1px),linear-gradient(90deg,#20242b 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.scene-canvas{display:block;position:absolute;inset:0}.scene-canvas-host.is-pan-ready .scene-canvas{cursor:grab!important}.scene-canvas-host.is-panning .scene-canvas{cursor:grabbing!important}.canvas-tools{z-index:3;position:absolute;top:10px;right:10px}.canvas-tools button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;padding:0;display:inline-grid}.canvas-tools button:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}.canvas-status{border:1px solid var(--line);max-width:min(520px,100% - 48px);color:var(--muted);background:#15181e;border-radius:4px;padding:7px 10px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspector-panel{min-height:0}.inspector-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:8px 12px;display:flex}.inspector-heading div{gap:3px;min-width:0;display:grid}.inspector-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inspector-heading small,.node-id{color:var(--muted);font-size:10px}.node-id{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.inspector-section-title{border-bottom:1px solid var(--line);height:28px;padding:9px 12px 0}.property-row{border-bottom:1px solid #21252d;grid-template-columns:minmax(70px,.8fr) minmax(120px,1.4fr);align-items:center;min-height:34px;padding:3px 8px 3px 12px;display:grid}.property-row>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.property-row>span.inherited{color:var(--muted)}.property-row.is-image-drop-candidate{box-shadow:inset 2px 0 var(--success);cursor:copy;background:#162b24}.property-row.is-image-drop-candidate:hover{background:#1b372d}.property-row.is-image-drop-candidate .property-control input[type=text]{border-color:var(--success)}.property-control{grid-template-columns:minmax(0,1fr) 24px;align-items:start;gap:3px;display:grid}.property-value{gap:3px;min-width:0;display:grid}.property-control input[type=text],.property-control input[type=number],.property-control select{border:1px solid var(--line-strong);background:var(--control);width:100%;min-width:0;height:25px;color:var(--text);border-radius:3px;outline:none;padding:0 7px;font-size:11px}.property-control input:focus,.property-control select:focus{border-color:var(--focus)}.property-control input:disabled,.property-control select:disabled{color:#9ca6b5;cursor:default;opacity:1;background:#1b1f26;border-color:#303640}.property-control input[type=checkbox]{width:15px;height:15px;accent-color:var(--focus)}.property-control input[type=color]{border:1px solid var(--line-strong);background:var(--control);border-radius:3px;width:34px;height:24px;padding:2px}.reset-button{width:24px;height:24px}.binding-source{color:#8eb8e8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex;overflow:hidden}.inline-error,.global-error{color:#ffd1d1;margin:0;font-size:11px}.inline-error{background:#2d1b20;border-bottom:1px solid #4f292f;padding:9px 12px}.global-error{background:#321e23;border:1px solid #66343c;border-radius:4px;max-width:min(520px,100vw - 24px);padding:9px 11px;position:fixed;bottom:12px;right:12px}@media (width<=860px){.workspace{grid-template-columns:190px minmax(320px,1fr) 250px}.topbar{grid-template-columns:190px minmax(0,1fr) auto 100px}}

package/editor/assets/init-ClFt_GA_.js

@@ -0,0 +1 @@
+import{n as e,r as t,t as n,u as r}from"./index-D8cbY_GQ.js";r.add(n,t),r.add(e);

package/editor/assets/webworkerAll-Do_n5w1y.js

@@ -0,0 +1 @@
+import"./index-D8cbY_GQ.js";import"./init-ClFt_GA_.js";

package/editor/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixifact Editor</title>
-    <script type="module" crossorigin src="/assets/index-CAe9Mkmr.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CVrKIfXK.css">
+    <script type="module" crossorigin src="/assets/index-D8cbY_GQ.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-gCKoe0w8.css">
   </head>
   <body>
     <div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixifact-cli",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Pixifact Scene 自动化 CLI。",
   "packageManager": "bun@1.3.13",
   "type": "module",
@@ -33,6 +33,6 @@
   },
   "dependencies": {
     "esbuild": "^0.27.2",
-    "pixifact": "^0.5.0"
+    "pixifact": "^0.6.0"
   }
 }

package/src/automation.ts

@@ -432,7 +432,7 @@ function validateAllCompilerScenes(root: string) {
     const failures = results.filter((result): result is CompilerSceneValidationFailure => !result.ok);
     const scenes = results
         .filter((result): result is CompilerSceneValidationSuccess => result.ok)
-        .map(({ scenePath, revision, summary }) => ({ scenePath, revision, summary }));
+        .map(({ scenePath, revision }) => ({ scenePath, revision }));
     if (failures.length > 0) {
         return {
             ok: false as const,
@@ -447,7 +447,6 @@ function validateAllCompilerScenes(root: string) {
         ok: true as const,
         projectRoot: root,
         sceneCount: results.length,
-        scenes,
     };
 }
 
@@ -637,7 +636,7 @@ export function createPixifactAutomation() {
             const nodeId = assertString(args.node, 'node');
             const node = collectDetailedCompilerNodes(template.children).find((item) => item.locator === nodeId);
             if (!node) {
-                throw new Error(`Node "${nodeId}" was not found.`);
+                throw new Error(`Node locator "${nodeId}" was not found.`);
             }
             return node;
         },

package/src/editorSession.ts

@@ -4,9 +4,10 @@ import os from 'node:os';
 import path from 'node:path';
 import { parseSceneTemplate } from 'pixifact/compiler';
 
-export const editorSessionProtocolVersion = 2;
+export const editorSessionProtocolVersion = 3;
 
 export type EditorContextSyncState = 'synced' | 'saving' | 'conflict' | 'error';
+export type EditorPreviewState = 'loading' | 'ready' | 'error';
 
 export type EditorNodeContext =
     | {
@@ -41,6 +42,7 @@ export type EditorSelectionContext =
 export interface EditorBrowserContext {
     scene: {
         path: string;
+        previewState: EditorPreviewState;
         revision: string;
         syncState: EditorContextSyncState;
     };
@@ -75,6 +77,7 @@ interface EditorBrowserSocket {
 
 interface EditorHostSessionOptions {
     projectRoot: string;
+    screenshotTimeoutMs?: number;
     token: string;
     now?: () => Date;
 }
@@ -89,6 +92,25 @@ interface ClaimEditorSessionOptions extends EditorSessionLookupOptions {
     descriptor: EditorSessionDescriptor;
 }
 
+interface PendingEditorScreenshot {
+    browser: EditorBrowserSocket;
+    resolve(response: Response): void;
+    scene: {
+        path: string;
+        revision: string;
+    };
+    timeout: ReturnType<typeof setTimeout>;
+}
+
+export interface EditorScreenshotResult {
+    ok: true;
+    scene: string;
+    revision: string;
+    width: number;
+    height: number;
+    data: Uint8Array;
+}
+
 function jsonResponse(value: unknown, status = 200) {
     return Response.json(value, { status });
 }
@@ -138,6 +160,7 @@ function isEditorBrowserContext(value: unknown): value is EditorBrowserContext {
         typeof value.scene.path !== 'string'
         || typeof value.scene.revision !== 'string'
         || !['synced', 'saving', 'conflict', 'error'].includes(String(syncState))
+        || !['loading', 'ready', 'error'].includes(String(value.scene.previewState))
     ) {
         return false;
     }
@@ -152,10 +175,29 @@ function isEditorBrowserContext(value: unknown): value is EditorBrowserContext {
 export function createEditorHostSession(options: EditorHostSessionOptions) {
     const projectRoot = fs.realpathSync(options.projectRoot);
     const now = options.now ?? (() => new Date());
+    const screenshotTimeoutMs = options.screenshotTimeoutMs ?? 10_000;
     const browsers = new Set<EditorBrowserSocket>();
+    const pendingScreenshots = new Map<string, PendingEditorScreenshot>();
     let activeBrowser: EditorBrowserSocket | undefined;
     let context: EditorContext | undefined;
     let resume: EditorSessionResumeState | undefined;
+    let screenshotSequence = 0;
+
+    function settleScreenshot(requestId: string, response: Response) {
+        const pending = pendingScreenshots.get(requestId);
+        if (!pending) return;
+        pendingScreenshots.delete(requestId);
+        clearTimeout(pending.timeout);
+        pending.resolve(response);
+    }
+
+    function rejectBrowserScreenshots(browser: EditorBrowserSocket, error: string) {
+        for (const [requestId, pending] of pendingScreenshots) {
+            if (pending.browser === browser) {
+                settleScreenshot(requestId, jsonResponse({ ok: false, error }, 409));
+            }
+        }
+    }
 
     function sendState(
         socket: EditorBrowserSocket,
@@ -190,6 +232,7 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
     function close(socket: EditorBrowserSocket) {
         browsers.delete(socket);
         if (socket === activeBrowser) {
+            rejectBrowserScreenshots(socket, 'Active Editor browser disconnected during screenshot capture.');
             activeBrowser = undefined;
             context = undefined;
         }
@@ -209,6 +252,9 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
                 return;
             }
             const previous = activeBrowser;
+            if (previous) {
+                rejectBrowserScreenshots(previous, 'Active Editor browser changed during screenshot capture.');
+            }
             activeBrowser = socket;
             context = undefined;
             for (const browser of browsers) {
@@ -222,6 +268,57 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
             }
             return;
         }
+        if (
+            socket === activeBrowser
+            && (parsed.type === 'editorScreenshotCompleted' || parsed.type === 'editorScreenshotFailed')
+        ) {
+            const requestId = typeof parsed.requestId === 'string' ? parsed.requestId : '';
+            const pending = pendingScreenshots.get(requestId);
+            if (!pending || pending.browser !== socket) return;
+            if (parsed.type === 'editorScreenshotFailed') {
+                const error = typeof parsed.error === 'string'
+                    ? parsed.error
+                    : 'Editor browser failed to capture the Scene screenshot.';
+                settleScreenshot(requestId, jsonResponse({ ok: false, error }, 500));
+                return;
+            }
+            if (
+                !isRecord(parsed.scene)
+                || parsed.scene.path !== pending.scene.path
+                || parsed.scene.revision !== pending.scene.revision
+                || !Number.isInteger(parsed.width)
+                || Number(parsed.width) <= 0
+                || !Number.isInteger(parsed.height)
+                || Number(parsed.height) <= 0
+                || typeof parsed.dataUrl !== 'string'
+            ) {
+                settleScreenshot(requestId, jsonResponse({
+                    ok: false,
+                    error: 'Editor browser returned an invalid screenshot response.',
+                }, 502));
+                return;
+            }
+            const match = parsed.dataUrl.match(/^data:image\/png;base64,([A-Za-z0-9+/]+={0,2})$/);
+            const png = match ? Buffer.from(match[1], 'base64') : undefined;
+            if (!png || !png.subarray(0, 8).equals(Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]))) {
+                settleScreenshot(requestId, jsonResponse({
+                    ok: false,
+                    error: 'Editor browser did not return PNG screenshot data.',
+                }, 502));
+                return;
+            }
+            settleScreenshot(requestId, new Response(png, {
+                headers: {
+                    'cache-control': 'no-store',
+                    'content-type': 'image/png',
+                    'x-pixifact-height': String(parsed.height),
+                    'x-pixifact-revision': pending.scene.revision,
+                    'x-pixifact-scene': encodeURIComponent(pending.scene.path),
+                    'x-pixifact-width': String(parsed.width),
+                },
+            }));
+            return;
+        }
         if (socket !== activeBrowser || parsed.type !== 'editorContextChanged') return;
         if (!isEditorBrowserContext(parsed.context)) {
             throw new Error('Editor context message is invalid.');
@@ -244,7 +341,7 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
         notifyStandbyBrowsers();
     }
 
-    function contextResponse() {
+    function synchronizedContext() {
         if (!activeBrowser) {
             return jsonResponse({
                 ok: false,
@@ -297,12 +394,54 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
                 },
             }, 409);
         }
-        return jsonResponse(context);
+        return context;
+    }
+
+    function contextResponse() {
+        const result = synchronizedContext();
+        return result instanceof Response ? result : jsonResponse(result);
+    }
+
+    function screenshotResponse() {
+        const result = synchronizedContext();
+        if (result instanceof Response) return result;
+        if (result.scene.previewState !== 'ready') {
+            return jsonResponse({
+                ok: false,
+                error: 'Editor Scene preview is not ready.',
+                previewState: result.scene.previewState,
+            }, 409);
+        }
+        const browser = activeBrowser!;
+        const requestId = `screenshot-${++screenshotSequence}`;
+        const scene = {
+            path: result.scene.path,
+            revision: result.scene.revision,
+        };
+        return new Promise<Response>((resolve) => {
+            const timeout = setTimeout(() => {
+                settleScreenshot(requestId, jsonResponse({
+                    ok: false,
+                    error: 'Editor screenshot capture timed out.',
+                }, 504));
+            }, screenshotTimeoutMs);
+            pendingScreenshots.set(requestId, { browser, resolve, scene, timeout });
+            browser.send(JSON.stringify({
+                type: 'editorScreenshotRequested',
+                protocolVersion: editorSessionProtocolVersion,
+                requestId,
+                scene,
+            }));
+        });
     }
 
     function fetchRequest(request: Request) {
         const pathname = new URL(request.url).pathname;
-        if (pathname !== '/api/editor-session/health' && pathname !== '/api/editor-context') {
+        if (
+            pathname !== '/api/editor-session/health'
+            && pathname !== '/api/editor-context'
+            && pathname !== '/api/editor-screenshot'
+        ) {
             return undefined;
         }
         if (!authorizationMatches(request, options.token)) {
@@ -314,6 +453,12 @@ export function createEditorHostSession(options: EditorHostSessionOptions) {
                 projectRoot,
             });
         }
+        if (pathname === '/api/editor-screenshot') {
+            if (request.method !== 'POST') {
+                return jsonResponse({ ok: false, error: 'Editor screenshot requires POST.' }, 405);
+            }
+            return screenshotResponse();
+        }
         return contextResponse();
     }
 
@@ -488,3 +633,65 @@ export async function queryEditorContext(options: EditorSessionLookupOptions) {
         };
     }
 }
+
+export async function captureEditorScreenshot(
+    options: EditorSessionLookupOptions,
+): Promise<EditorScreenshotResult | { ok: false; error: string; [key: string]: unknown }> {
+    const projectRoot = fs.realpathSync(options.projectRoot);
+    const descriptor = readEditorSessionDescriptor(projectRoot, options.sessionsRoot);
+    if (!descriptor) {
+        return {
+            ok: false,
+            error: 'No Pixifact Editor Host is running for this project.',
+        };
+    }
+    if (descriptor.projectRoot !== projectRoot) {
+        return {
+            ok: false,
+            error: 'Pixifact Editor session belongs to a different project.',
+        };
+    }
+    const fetcher = options.fetch ?? fetch;
+    let response: Response;
+    try {
+        response = await fetcher(`${descriptor.origin}/api/editor-screenshot`, {
+            method: 'POST',
+            headers: { authorization: `Bearer ${descriptor.token}` },
+        });
+    } catch {
+        return {
+            ok: false,
+            error: 'Pixifact Editor Host is not reachable for this project.',
+        };
+    }
+    if (!response.ok) {
+        return await response.json() as { ok: false; error: string; [key: string]: unknown };
+    }
+    const sceneHeader = response.headers.get('x-pixifact-scene');
+    const revision = response.headers.get('x-pixifact-revision');
+    const width = Number(response.headers.get('x-pixifact-width'));
+    const height = Number(response.headers.get('x-pixifact-height'));
+    if (
+        response.headers.get('content-type') !== 'image/png'
+        || !sceneHeader
+        || !revision
+        || !Number.isInteger(width)
+        || width <= 0
+        || !Number.isInteger(height)
+        || height <= 0
+    ) {
+        return { ok: false, error: 'Pixifact Editor Host returned invalid screenshot metadata.' };
+    }
+    const data = new Uint8Array(await response.arrayBuffer());
+    if (!Buffer.from(data.subarray(0, 8)).equals(Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]))) {
+        return { ok: false, error: 'Pixifact Editor Host did not return PNG screenshot data.' };
+    }
+    return {
+        ok: true,
+        scene: decodeURIComponent(sceneHeader),
+        revision,
+        width,
+        height,
+        data,
+    };
+}

package/src/pixifact-cli.ts

@@ -1,10 +1,14 @@
 #!/usr/bin/env bun
+import fs from 'node:fs';
+import path from 'node:path';
 import { createPixifactAutomation } from './automation';
 import { hintForCommandError } from 'pixifact';
 import { CompileSceneError, compileScenes } from 'pixifact/compiler-node';
 import type { SceneValidationDiagnostic } from 'pixifact/compiler';
 import { startEditorServer } from './editorServer';
-import { queryEditorContext } from './editorSession';
+import { captureEditorScreenshot, queryEditorContext } from './editorSession';
+import { queryRuntime, queryRuntimeList } from './runtimeSession';
+import type { RuntimeLogLevel, RuntimeRequest } from 'pixifact/runtime-dev';
 import {
     buildWechatTarget,
     devWechatTarget,
@@ -17,8 +21,11 @@ type Automation = ReturnType<typeof createPixifactAutomation>;
 
 interface CliOptions {
     automation?: Automation;
+    captureEditorScreenshot?: typeof captureEditorScreenshot;
     onWechatDevEvent?: (event: WechatDevEvent) => void;
     readEditorContext?: typeof queryEditorContext;
+    listRuntimes?: typeof queryRuntimeList;
+    queryRuntime?: typeof queryRuntime;
     startEditor?: typeof startEditorServer;
 }
 
@@ -82,6 +89,23 @@ function projectRootFlag(flags: Record<string, string | true>) {
     return requireFlag(flags, 'project-root');
 }
 
+function optionalFlag(flags: Record<string, string | true>, name: string) {
+    const value = flags[name];
+    return value === undefined ? undefined : requireFlag(flags, name);
+}
+
+function finiteNumberFlag(flags: Record<string, string | true>, name: string) {
+    const value = Number(requireFlag(flags, name));
+    if (!Number.isFinite(value)) throw new Error(`--${name} must be a finite number.`);
+    return value;
+}
+
+function nonNegativeInteger(value: string | undefined, error: string) {
+    const number = Number(value);
+    if (!Number.isInteger(number) || number < 0) throw new Error(error);
+    return number;
+}
+
 function jsonLine(value: unknown) {
     return `${JSON.stringify(value, null, 2)}\n`;
 }
@@ -92,6 +116,13 @@ function isFailedResult(value: unknown): value is CliJsonResult {
         && (value as CliJsonResult).ok === false;
 }
 
+function isRuntimeTreeResult(value: unknown): value is { runtimeId: string; root: unknown } {
+    return typeof value === 'object'
+        && value !== null
+        && typeof (value as { runtimeId?: unknown }).runtimeId === 'string'
+        && 'root' in value;
+}
+
 function compileScenesFailure(error: unknown): CliJsonResult {
     const message = error instanceof Error ? error.message : String(error);
     if (error instanceof CompileSceneError) {
@@ -228,10 +259,88 @@ async function executeFileCommand(
     onWechatDevEvent?: (event: WechatDevEvent) => void,
     startEditor: typeof startEditorServer = startEditorServer,
     readEditorContext: typeof queryEditorContext = queryEditorContext,
+    captureScreenshot: typeof captureEditorScreenshot = captureEditorScreenshot,
+    listRuntimes: typeof queryRuntimeList = queryRuntimeList,
+    sendRuntimeRequest: typeof queryRuntime = queryRuntime,
 ) {
     const [area, action] = positionals;
     const projectRoot = projectRootFlag(flags);
 
+    if (area === 'runtime' && action === 'list') {
+        return listRuntimes({ projectRoot });
+    }
+
+    if (area === 'runtime' && action !== undefined) {
+        const runtimeId = optionalFlag(flags, 'runtime');
+        let request: RuntimeRequest;
+        if (action === 'tree') {
+            request = { type: 'tree' };
+        } else if (action === 'node') {
+            request = {
+                type: 'node',
+                uid: nonNegativeInteger(
+                    positionals[2],
+                    'Runtime node uid must be a non-negative integer.',
+                ),
+            };
+        } else if (action === 'state') {
+            request = { type: 'state' };
+        } else if (action === 'logs') {
+            const after = flags.after === undefined
+                ? undefined
+                : nonNegativeInteger(requireFlag(flags, 'after'), '--after must be a non-negative integer.');
+            const level = optionalFlag(flags, 'level');
+            if (level && !['debug', 'log', 'info', 'warn', 'error'].includes(level)) {
+                throw new Error('--level must be debug, log, info, warn, or error.');
+            }
+            request = {
+                type: 'logs',
+                ...(after === undefined ? {} : { after }),
+                ...(level === undefined ? {} : { level: level as RuntimeLogLevel }),
+            };
+        } else if (action === 'input') {
+            const inputAction = positionals[2];
+            if (inputAction === 'click' || inputAction === 'move') {
+                request = {
+                    type: 'input',
+                    action: inputAction,
+                    x: finiteNumberFlag(flags, 'x'),
+                    y: finiteNumberFlag(flags, 'y'),
+                };
+            } else if (inputAction === 'key' || inputAction === 'keydown' || inputAction === 'keyup') {
+                const key = positionals[3];
+                if (!key) throw new Error(`runtime input ${inputAction} requires a key.`);
+                request = { type: 'input', action: inputAction, key };
+            } else {
+                throw new Error(`Unknown Pixifact Runtime input "${inputAction ?? ''}".`);
+            }
+        } else {
+            throw new Error(`Unknown Pixifact CLI command "${positionals.join(' ')}".`);
+        }
+        const result = await sendRuntimeRequest({ projectRoot, runtimeId, request });
+        if (action !== 'tree' || flags.output === undefined || isFailedResult(result)) {
+            return result;
+        }
+        if (!isRuntimeTreeResult(result)) {
+            throw new Error('Pixifact Runtime returned an invalid tree response.');
+        }
+        const output = path.resolve(requireFlag(flags, 'output'));
+        const capturedAt = new Date().toISOString();
+        fs.mkdirSync(path.dirname(output), { recursive: true });
+        fs.writeFileSync(output, jsonLine({
+            schemaVersion: 1,
+            capturedAt,
+            runtimeId: result.runtimeId,
+            root: result.root,
+        }), 'utf8');
+        return {
+            ok: true,
+            output,
+            runtimeId: result.runtimeId,
+            capturedAt,
+        };
+    }
+
     if (area === 'editor' && action === undefined) {
         const session = await startEditor({ projectRoot });
         return {
@@ -245,6 +354,22 @@ async function executeFileCommand(
         return readEditorContext({ projectRoot });
     }
 
+    if (area === 'editor' && action === 'screenshot') {
+        const output = path.resolve(requireFlag(flags, 'output'));
+        const screenshot = await captureScreenshot({ projectRoot });
+        if (!screenshot.ok) return screenshot;
+        fs.writeFileSync(output, screenshot.data);
+        return {
+            ok: true,
+            scene: screenshot.scene,
+            revision: screenshot.revision,
+            width: screenshot.width,
+            height: screenshot.height,
+            bytes: screenshot.data.byteLength,
+            output,
+        };
+    }
+
     if ((area === 'build' || area === 'dev' || area === 'validate') && action === undefined) {
         const target = requireFlag(flags, 'target');
         if (target !== 'wechat') {
@@ -392,12 +517,26 @@ export async function executePixifactCli(argv: string[], options: CliOptions = {
                     aiValidationAlternatives: [
                         'scene validate --all',
                     ],
+                    runtimeCommands: [
+                        'runtime list',
+                        'runtime tree [--output <json-path>] [--runtime <runtime-id>]',
+                        'runtime node <pixi-uid> [--runtime <runtime-id>]',
+                        'runtime state [--runtime <runtime-id>]',
+                        'runtime logs [--after <seq>] [--level <level>] [--runtime <runtime-id>]',
+                        'runtime input click --x <x> --y <y> [--runtime <runtime-id>]',
+                        'runtime input move --x <x> --y <y> [--runtime <runtime-id>]',
+                        'runtime input key <key> [--runtime <runtime-id>]',
+                        'runtime input keydown <key> [--runtime <runtime-id>]',
+                        'runtime input keyup <key> [--runtime <runtime-id>]',
+                    ],
                     auxiliaryCommands: [
                         'editor',
                         'editor context',
+                        'editor screenshot --output <png-path>',
                         'scene create --scene <scene-path> --name <SceneName>',
                         'node inspect --scene <scene-path> --node <locator>',
                     ],
+                    nodeLocatorSource: 'scene inspect --scene <scene-path> returns node locator values',
                     defaults: {
                         projectRoot: 'current working directory',
                     },
@@ -414,6 +553,9 @@ export async function executePixifactCli(argv: string[], options: CliOptions = {
             options.onWechatDevEvent,
             options.startEditor,
             options.readEditorContext,
+            options.captureEditorScreenshot,
+            options.listRuntimes,
+            options.queryRuntime,
         );
         if (isFailedResult(result)) {
             return {