@ttmg/cli 0.4.1 → 0.4.2

package/dist/public/assets/index-VzIFpCiL.js

@@ -0,0 +1 @@
+import{u as U,h as k,r as o,j as e,p as D,i as a,z as y,a9 as F,d as A,T as m,b as E,as as I}from"./index-VvUpVuij.js";import{I as x,F as g}from"./baseForm-B3oZF8Vp.js";import"./col-DWGIx7fj.js";import"./index-DaOr2P0A.js";const B=()=>{const{state:{user:h}}=U(),r=k(h),[f,i]=o.useState(!1),[j,l]=o.useState(!1),[v,c]=o.useState(""),[d,n]=o.useState(""),p=o.useRef(null),u=()=>{l(!1),n(""),c("")},C=()=>{i(!1),u(),p.current?.formApi?.reset?.()},S=()=>{r&&i(!0)},N=s=>{const t=s;if(t?.code===0)I.success({title:a("uploadPlatformSuccess"),content:e.jsxs(e.Fragment,{children:[e.jsx("div",{children:a("uploadPlatformDesc")}),e.jsx("div",{style:{marginTop:12,display:"flex",justifyContent:"flex-end"},children:e.jsx(m.Text,{link:!0,onClick:()=>{window.open(t?.data?.detail,"_blank")},children:a("viewOnPlatform")})})]}),duration:10}),i(!1),u();else{const P=t?.error?.StatusMessage||t?.detail||a("uploadPlatformFailed");n(P),l(!1)}},T=s=>{const t=s?.error?.StatusMessage||s?.response?.detail||s?.message||a("uploadPlatformFailed");n(t),l(!1)},b=()=>{l(!0),E({method:"POST",url:"/game/upload",headers:{"ttmg-game-desc":encodeURIComponent(v||"--")}}).then(s=>{N(s)}).catch(s=>{T(s)})};return e.jsxs(e.Fragment,{children:[e.jsx(D,{content:()=>r?null:e.jsx("div",{className:"uploader-login-tip",children:a("loginToUpload")}),children:e.jsxs("div",{className:y("resource-uploader",{"resource-uploader-disabled":!r}),onClick:S,children:[e.jsx(x,{size:"default"}),e.jsx("div",{className:"uploader-text",children:a("upload")})]})}),e.jsx(F,{footer:null,visible:f,onCancel:C,title:a("uploadToPlatform"),children:e.jsxs("div",{className:"uploader-modal-content",children:[j&&e.jsx("div",{className:"upload-loading-container",children:e.jsx("div",{className:"loading-spin",children:e.jsx(A,{size:"large"})})}),d&&e.jsx(m.Text,{style:{color:"var(--tt-error-text)",marginBottom:12,marginTop:12},children:d}),e.jsxs(g,{ref:p,onChange:({values:s})=>{c(s?.gameDescription||"--"),n("")},children:[e.jsx(g.TextArea,{label:a("gameAssetDescription"),placeholder:a("gameAssetDescription"),field:"gameDescription"}),e.jsxs("div",{className:"uploader-button-container",onClick:b,children:[e.jsx(x,{className:"uploader-button-icon"}),e.jsx("div",{className:"uploader-button-text",children:a("uploadGamePackageTip")})]})]})]})})]})};export{B as GameUploader};

package/dist/public/assets/{index-DbxY65Om.js → index-bASdAMHs.js}

@@ -1 +1 @@
-import{w as v,z as E,R as r,A as O,T as N}from"./index-CCKb9Y-j.js";const x={PREFIX:`${v}-empty`};var M=function(i,a){var s={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&a.indexOf(e)<0&&(s[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(i);t<e.length;t++)a.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(i,e[t])&&(s[e[t]]=i[e[t]]);return s};const o=x.PREFIX;class S extends E{constructor(a){super(a),this.observe=s=>{for(const e of s)e.type==="attributes"&&e.attributeName==="theme-mode"&&this.updateMode()},this.updateMode=()=>{const s=this.body.getAttribute("theme-mode");s!==this.state.mode&&this.setState({mode:s})},this.state={mode:null}}componentDidMount(){if(this.props.darkModeImage){this.body=window.document.body,this.updateMode();const a={attributes:!0,childList:!1,subtree:!1};this.observer=new MutationObserver(this.observe),this.observer.observe(this.body,a)}}componentWillUnmount(){this.observer&&this.observer.disconnect()}render(){const a=this.props,{className:s,image:e,description:t,style:u,title:c,imageStyle:h,children:d,layout:m,darkModeImage:p}=a,y=M(a,["className","image","description","style","title","imageStyle","children","layout","darkModeImage"]),f=typeof t=="string"?t:"empty",n=this.state.mode==="dark"&&p?p:e;let l=null;typeof n=="string"?l=r.createElement("img",{alt:f,src:n}):n&&"id"in n?l=r.createElement("svg",{"aria-hidden":"true"},r.createElement("use",{xlinkHref:`#${n.id}`})):l=n;const g=O(s,o,{[`${o}-${m}`]:m}),b=l?{heading:4}:{heading:6,style:{fontWeight:400}};return r.createElement("div",Object.assign({className:g,style:u},this.getDataAttr(y)),r.createElement("div",{className:`${o}-image`,style:h,"x-semi-prop":"image,darkModeImage"},l),r.createElement("div",{className:`${o}-content`},c?r.createElement(N.Title,Object.assign({},b,{className:`${o}-title`,"x-semi-prop":"title"}),c):null,t?r.createElement("div",{className:`${o}-description`,"x-semi-prop":"description"},t):null,d?r.createElement("div",{className:`${o}-footer`,"x-semi-prop":"children"},d):null))}}S.defaultProps={layout:"vertical"};export{S as E};
+import{t as v,y as E,R as r,z as O,T as N}from"./index-VvUpVuij.js";const x={PREFIX:`${v}-empty`};var M=function(i,a){var s={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&a.indexOf(e)<0&&(s[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(i);t<e.length;t++)a.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(i,e[t])&&(s[e[t]]=i[e[t]]);return s};const o=x.PREFIX;class S extends E{constructor(a){super(a),this.observe=s=>{for(const e of s)e.type==="attributes"&&e.attributeName==="theme-mode"&&this.updateMode()},this.updateMode=()=>{const s=this.body.getAttribute("theme-mode");s!==this.state.mode&&this.setState({mode:s})},this.state={mode:null}}componentDidMount(){if(this.props.darkModeImage){this.body=window.document.body,this.updateMode();const a={attributes:!0,childList:!1,subtree:!1};this.observer=new MutationObserver(this.observe),this.observer.observe(this.body,a)}}componentWillUnmount(){this.observer&&this.observer.disconnect()}render(){const a=this.props,{className:s,image:e,description:t,style:u,title:c,imageStyle:h,children:d,layout:m,darkModeImage:p}=a,y=M(a,["className","image","description","style","title","imageStyle","children","layout","darkModeImage"]),f=typeof t=="string"?t:"empty",n=this.state.mode==="dark"&&p?p:e;let l=null;typeof n=="string"?l=r.createElement("img",{alt:f,src:n}):n&&"id"in n?l=r.createElement("svg",{"aria-hidden":"true"},r.createElement("use",{xlinkHref:`#${n.id}`})):l=n;const g=O(s,o,{[`${o}-${m}`]:m}),b=l?{heading:4}:{heading:6,style:{fontWeight:400}};return r.createElement("div",Object.assign({className:g,style:u},this.getDataAttr(y)),r.createElement("div",{className:`${o}-image`,style:h,"x-semi-prop":"image,darkModeImage"},l),r.createElement("div",{className:`${o}-content`},c?r.createElement(N.Title,Object.assign({},b,{className:`${o}-title`,"x-semi-prop":"title"}),c):null,t?r.createElement("div",{className:`${o}-description`,"x-semi-prop":"description"},t):null,d?r.createElement("div",{className:`${o}-footer`,"x-semi-prop":"children"},d):null))}}S.defaultProps={layout:"vertical"};export{S as E};

package/dist/public/assets/index-q7fKJFmZ.js

@@ -0,0 +1 @@
+import{c as h,b as N,u as M,r as s,s as v,j as e,d as b,P as L,i as o,m as S,T as z,o as C}from"./index-VvUpVuij.js";import{S as E}from"./SectionHeader-CCjfBKcF.js";import{C as x,T as f}from"./Tag-DON36Of0.js";import{S as I}from"./sparkles-pLu1TMVV.js";const T=[["path",{d:"M12 20v-9",key:"1qisl0"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z",key:"uouzyp"}],["path",{d:"M14.12 3.88 16 2",key:"qol33r"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4",key:"1b0z45"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97",key:"5cxbf6"}],["path",{d:"M22 13h-4",key:"1jl80f"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4",key:"1fjd4g"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97",key:"1d7oge"}],["path",{d:"M6 13H2",key:"82j7cp"}],["path",{d:"m8 2 1.88 1.88",key:"fmnt4t"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13",key:"1vgav8"}]],_=h("bug",T);const q=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],w=h("external-link",q);const H=[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",key:"1ngwbx"}]],V=h("wrench",H);function A(){return N({url:"/game/changelog",method:"GET"})}const B=[{key:"feature",icon:I,titleI18n:"changelogFeature",tone:"success"},{key:"optimize",icon:V,titleI18n:"changelogOptimize",tone:"warn"},{key:"bugfix",icon:_,titleI18n:"changelogBugfix",tone:"error"}],$=()=>{const{state:{devToolVersion:r}}=M(),d=C,[p,u]=s.useState([]),[j,l]=s.useState(!0),[c,m]=s.useState("");return s.useEffect(()=>{r&&v(r)},[r]),s.useEffect(()=>{let a=!1;return(async()=>{l(!0),m("");const n=await A();if(!a){if(n?.error||n?.code!==0||!n?.data){u([]),m(typeof n?.error=="object"&&n.error?.errorMsg||"Failed to load changelog."),l(!1);return}u(n.data.items||[]),l(!1)}})(),()=>{a=!0}},[]),j?e.jsx("div",{className:"change-log-container change-log-loading",children:e.jsx(b,{size:"large"})}):e.jsxs("div",{className:"change-log-container",children:[e.jsx(L,{title:o("changelog"),subtitle:o("changelogTip")}),c?e.jsx(S,{fullMode:!1,bordered:!1,closeIcon:null,type:"danger",description:c}):null,!c&&p.length===0?e.jsx(x,{padding:"lg",children:e.jsx(z.Paragraph,{className:"change-log-empty",children:"No changelog entries yet."})}):null,p.map(a=>e.jsxs(x,{padding:"md",className:"change-log-item",children:[e.jsxs("div",{className:"change-log-item-head",children:[e.jsx("h2",{className:"change-log-version",children:a.title}),e.jsxs(f,{tone:"neutral",size:"sm",children:["iOS ",a.target.iOS," · Android ",a.target.Android]})]}),B.map(({key:i,icon:n,titleI18n:k,tone:y})=>{const g=a.changes?.[i]||[];return g.length?e.jsxs("section",{className:"change-log-section",children:[e.jsx(E,{icon:n,title:e.jsxs("span",{className:"change-log-section-title",children:[e.jsx("span",{children:o(k)}),e.jsx(f,{tone:y,size:"sm",children:g.length})]})}),e.jsx("ul",{className:"change-log-changes",children:g.map(t=>e.jsxs("li",{className:"change-log-change",children:[e.jsx("span",{className:"change-log-change-bullet","aria-hidden":!0}),e.jsxs("span",{className:"change-log-change-body",children:[t.desc[d],t?.link?e.jsxs("a",{className:"change-log-change-link",href:t.link,target:"_blank",rel:"noopener noreferrer",children:[o("changelogLink"),e.jsx(w,{size:12,strokeWidth:2})]}):null]})]},t.desc[d]))})]},i):null})]},a.title))]})};export{$ as ChangeLog};

package/dist/public/assets/index-vlN_-PRJ.css

@@ -0,0 +1 @@
+.semi-toast{pointer-events:none}.semi-toast-wrapper{position:fixed;height:0;top:0;width:100%;display:flex;justify-content:center;z-index:1010}.semi-toast-wrapper .semi-toast-innerWrapper{width:fit-content;height:fit-content;text-align:center}.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper{perspective:unset;perspective-origin:center center}.semi-toast-zero-height-wrapper{transition:all .3s cubic-bezier(.22,.57,.02,1.2);perspective-origin:center 280px;perspective:280px;height:0;overflow:visible}.semi-toast-content{pointer-events:all;box-shadow:var(--semi-shadow-elevated);font-size:14px;line-height:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--semi-color-bg-3);border-radius:var(--semi-border-radius-medium);padding:12px 8px;display:inline-flex;align-items:flex-start;justify-content:center;margin:12px;font-weight:600;color:var(--semi-color-text-0)}.semi-toast-content .semi-toast-close-button{margin-top:-2px;height:20px}.semi-toast-content .semi-toast-content-text{margin-left:12px;margin-right:12px;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.semi-toast-light.semi-toast-warning .semi-toast-content{background-color:var(--semi-color-warning-light-default);border:1px solid var(--semi-color-warning)}.semi-toast-light.semi-toast-warning .semi-toast-icon-warning{color:var(--semi-color-warning)}.semi-toast-light.semi-toast-success .semi-toast-content{background-color:var(--semi-color-success-light-default);border:1px solid var(--semi-color-success)}.semi-toast-light.semi-toast-success .semi-toast-icon-success{color:var(--semi-color-success)}.semi-toast-light.semi-toast-info .semi-toast-content{background-color:var(--semi-color-info-light-default);border:1px solid var(--semi-color-info)}.semi-toast-light.semi-toast-info .semi-toast-icon-info{color:var(--semi-color-info)}.semi-toast-light.semi-toast-error .semi-toast-content{background-color:var(--semi-color-danger-light-default);border:1px solid var(--semi-color-danger)}.semi-toast-light.semi-toast-error .semi-toast-icon-error{color:var(--semi-color-danger)}.semi-toast .semi-toast-icon-warning{color:var(--semi-color-warning)}.semi-toast .semi-toast-icon-success{color:var(--semi-color-success)}.semi-toast .semi-toast-icon-info{color:var(--semi-color-info)}.semi-toast .semi-toast-icon-error{color:var(--semi-color-danger)}.semi-toast-animation-show{animation:.3s semi-toast-keyframe-toast-show cubic-bezier(.22,.57,.02,1.2) 0s;animation-fill-mode:forwards}.semi-toast-animation-hide{animation:.3s semi-toast-keyframe-toast-hide cubic-bezier(.22,.57,.02,1.2) 0s;animation-fill-mode:forwards}@keyframes semi-toast-keyframe-toast-show{0%{opacity:0;transform:translateY(-100%)}to{opacity:1}}@keyframes semi-toast-keyframe-toast-hide{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.semi-toast-rtl{direction:rtl}.semi-toast-rtl .semi-toast-content .semi-toast-content-text{text-align:right;margin-left:12px;margin-right:12px}.tt-wasm-split-page{padding:0 0 32px}.tt-wasm-split-hero-strip{margin:-24px -32px 8px;padding:12px 28px 0;background:var(--tt-bg-panel)}.tt-wasm-split-hero-strip .tt-page-hero{margin:0;padding:12px 0 8px;background:transparent}.tt-wasm-split-back{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;margin-left:-8px;font-size:var(--tt-text-meta);font-weight:500;color:var(--tt-text-dim);background:transparent;border:1px solid transparent;border-radius:var(--tt-radius-md);cursor:pointer;transition:var(--tt-hover-transition)}.tt-wasm-split-back:hover{color:var(--tt-text);background:var(--tt-overlay-soft);border-color:var(--tt-border)}.tt-wasm-split-back:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tt-accent-soft)}.tt-wasm-split-section{margin-top:24px}.tt-wasm-split-empty{margin:0;font-size:var(--tt-text-body);color:var(--tt-text-dim);line-height:1.6}.tt-wasm-split-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 32px}.tt-wasm-split-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--tt-warn-bg);color:var(--tt-warn-text);border:1px solid var(--tt-warn-border);margin-bottom:4px}.tt-wasm-split-empty-title{margin:0;font-size:var(--tt-text-h2);font-weight:600;color:var(--tt-text)}.tt-wasm-split-empty-card .tt-wasm-split-empty{max-width:520px}.tt-wasm-split-empty-actions{margin-top:8px}.tt-wasm-split-empty-cta{appearance:none;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 20px;border-radius:var(--tt-radius-pill);background:var(--tt-accent);border:1px solid var(--tt-accent);color:var(--tt-accent-contrast);font-size:var(--tt-text-body);font-weight:600;letter-spacing:.3px;transition:var(--tt-hover-transition)}.tt-wasm-split-empty-cta:hover{background:var(--tt-accent-hover);border-color:var(--tt-accent-hover)}.tt-wasm-split-empty-cta:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-wasm-requirements-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid var(--tt-warn-border);border-radius:var(--tt-radius-md);background:var(--tt-warn-bg);color:var(--tt-warn-text)}.tt-wasm-requirements-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--tt-radius-sm);background:var(--tt-bg-panel)}.tt-wasm-requirements-notice-copy{display:flex;min-width:0;flex-direction:column;gap:6px}.tt-wasm-requirements-notice-title{font-size:var(--tt-text-body);font-weight:600;color:var(--tt-text)}.tt-wasm-requirements-notice-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.tt-wasm-requirements-notice-list li{position:relative;padding-left:14px;font-size:var(--tt-text-meta);line-height:1.55;color:var(--tt-text-dim)}.tt-wasm-requirements-notice-list li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--tt-warn-text)}.tt-wasm-requirements-notice a{color:var(--tt-warn-text);font-weight:600;text-decoration:none}.tt-wasm-requirements-notice a:hover{text-decoration:underline}.tt-wasm-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.tt-wasm-split-section .tt-section-header-has-icon+.tt-wasm-mode-grid{padding-left:0}.tt-wasm-mode-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--tt-bg-panel);border:1px solid var(--tt-border);border-radius:var(--tt-radius-lg);text-align:left;cursor:pointer;color:var(--tt-text);transition:var(--tt-hover-transition);font:inherit}.tt-wasm-mode-card:hover{border-color:var(--tt-accent-strong);background:var(--tt-overlay-soft)}.tt-wasm-mode-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tt-accent-soft)}.tt-wasm-mode-card-active,.tt-wasm-mode-card-active:hover{border-color:var(--tt-accent);background:var(--tt-accent-soft)}.tt-wasm-mode-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--tt-radius-md);background:var(--tt-overlay-soft);color:var(--tt-accent-text)}.tt-wasm-mode-card-active .tt-wasm-mode-card-icon{background:var(--tt-bg-panel);color:var(--tt-accent-text)}.tt-wasm-mode-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tt-wasm-mode-card-title-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.tt-wasm-mode-card-title{font-size:var(--tt-text-body);font-weight:600;color:var(--tt-text);letter-spacing:.2px}.tt-wasm-mode-card-badge{display:inline-flex;align-items:center;height:18px;padding:0 8px;font-size:var(--tt-text-caption);font-weight:600;letter-spacing:.4px;color:var(--tt-emphasis-contrast);background:var(--tt-emphasis);border-radius:var(--tt-radius-pill)}.tt-wasm-mode-card-desc{font-size:var(--tt-text-meta);color:var(--tt-text-dim);line-height:1.5}.tt-wasm-mode-card-check{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--tt-accent);color:var(--tt-accent-contrast)}.tt-wasm-split-grid{display:flex;flex-direction:column;gap:16px;margin-top:20px}.tt-wasm-split-workflow-card{min-width:0}.tt-wasm-split-steps-wrap{padding:4px 0 0}.tt-wasm-split-stage{margin-top:12px}.tt-wasm-status-row-inset{margin-top:0;margin-bottom:20px;padding:12px 14px;background:var(--tt-bg-sunken);border-radius:var(--tt-radius-md)}.tt-wasm-split-helper-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}.tt-wasm-split-helper-main{min-width:0}.tt-wasm-split-helper-main .tt-section-header{align-items:center}.tt-wasm-split-helper-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.tt-wasm-split-helper-list li{position:relative;padding-left:14px;font-size:var(--tt-text-meta);line-height:1.6;color:var(--tt-text-dim)}.tt-wasm-split-helper-list li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--tt-accent);opacity:.7}

package/dist/public/assets/{layers-Biv61qtE.js → layers-C8HCSIXn.js}

@@ -1 +1 @@
-import{c as a}from"./index-CCKb9Y-j.js";const e=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],c=a("layers",e);export{c as L};
+import{c as a}from"./index-VvUpVuij.js";const e=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],c=a("layers",e);export{c as L};

package/dist/public/assets/list-checks-B6t2uu5m.js

@@ -0,0 +1 @@
+import{c}from"./index-VvUpVuij.js";const e=[["path",{d:"M13 5h8",key:"a7qcls"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 19h8",key:"c3s6r1"}],["path",{d:"m3 17 2 2 4-4",key:"1jhpwq"}],["path",{d:"m3 7 2 2 4-4",key:"1obspn"}]],t=c("list-checks",e);export{t as L};

package/dist/public/assets/{sparkles-Bv2GxrFr.js → sparkles-pLu1TMVV.js}

@@ -1 +1 @@
-import{c as a}from"./index-CCKb9Y-j.js";const e=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],l=a("sparkles",e);export{l as S};
+import{c as a}from"./index-VvUpVuij.js";const e=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],l=a("sparkles",e);export{l as S};

package/dist/public/assets/triangle-alert-Dm4_sEwV.js

@@ -0,0 +1 @@
+import{c as e}from"./index-VvUpVuij.js";const a=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],o=e("triangle-alert",a);export{o as T};

package/dist/public/assets/{zap-CjkC_qWZ.js → zap-tefJh46p.js}

@@ -1 +1 @@
-import{c as a}from"./index-CCKb9Y-j.js";const o=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],e=a("zap",o);export{e as Z};
+import{c as a}from"./index-VvUpVuij.js";const o=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],e=a("zap",o);export{e as Z};

package/dist/public/index.html

@@ -12,8 +12,8 @@
       rel="stylesheet"
     />
     <title>TikTok Mini Games DevTool</title>
-    <script type="module" crossorigin src="/assets/index-CCKb9Y-j.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BJZ4gOGZ.css">
+    <script type="module" crossorigin src="/assets/index-VvUpVuij.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-V1Go68Vw.css">
   </head>
   <!--
     Theme attributes (`theme-mode` for Semi UI + `data-theme` for our

package/dist/scripts/docs/README.md

@@ -0,0 +1,80 @@
+# DevTool documentation screenshots
+
+This directory keeps the local pipeline for DevTool usage-guide screenshots and generated guide drafts.
+
+## Main scenario file
+
+`scenarios/devtool-guide.mjs` is the first stable scenario manifest. Each recipe describes:
+
+- the current Lark source document for the usage guide
+- the DevTool route to open
+- the page state or fixture expected by the screenshot
+- the capture selector and viewport
+- the usage-guide section that consumes the screenshot
+- bilingual notes used by `render.js`
+- acceptance checks that should stay true when the page changes
+- the documentation contract, screenshot inventory, and release checks used for guide review
+
+## Commands
+
+Render the guide draft and indexes without opening the browser:
+
+```bash
+npm run docs:devtool:render
+```
+
+Capture screenshots from a running local DevTool page:
+
+```bash
+npm run docs:devtool:capture
+```
+
+Check that screenshots are fresh enough for publishing:
+
+```bash
+npm run docs:devtool:check
+```
+
+`docs:devtool:capture` assumes the IDE is available at `http://localhost:5173`. Start or change the local DevTool URL before running it if your port is different.
+
+## Doc mode fixture
+
+Screenshot routes append `docMode=1&docScenario=<scenario id>`. In this mode the IDE uses stable fixture data for platform and project requests, so usage-guide screenshots do not depend on the current login account, local Node connection, platform availability, or a connected device.
+
+Doc mode is only enabled by the URL parameter above or `localStorage.TTMG_DOCS_CAPTURE=1`. Normal DevTool usage still goes through the real local service and platform APIs.
+
+Pages that enter the guide should expose stable screenshot anchors such as:
+
+```tsx
+<main data-doc-shot="start-debug-qr-idle">
+```
+
+The scenario manifest should target these anchors through `capture.selector` instead of relying on layout CSS classes.
+
+## Outputs
+
+The default output directory is `artifacts/devtool-guide/`.
+
+- `manifest.json`: scenario snapshot used for this run
+- `screenshot-index.json`: screenshot-to-route/section mapping for later doc updates
+- `doc-version.json`: version snapshot for the guide source, scenario fingerprint, CLI version, ttmg-pack version, and generated artifacts
+- `quality-gate.json`: review contract, release checks, and screenshot inventory for the current guide refresh
+- `capture-report.json`: screenshot freshness evidence from the latest capture run
+- `index.md`: bilingual usage-guide draft referencing screenshots in `assets/`
+
+`manifest.json`, `screenshot-index.json`, `doc-version.json`, and `quality-gate.json` include `guideSource` so each generated draft can be traced back to the current Lark guide instead of relying on a one-off screenshot note.
+
+The render step is safe to run without screenshots. The capture step should be run only when the local DevTool page is already available.
+
+## Freshness contract
+
+DevTool screenshots are considered publishable only when:
+
+- `capture-report.json` exists in the output directory
+- its scenario fingerprint matches the current `scenarios/devtool-guide.mjs`
+- every expected `recipe + locale` screenshot exists under `assets/`
+- screenshot files are newer than the scenario manifest
+- `capture-report.json` and screenshot files are newer than the latest `manifest.json` / `screenshot-index.json` / `doc-version.json` / `quality-gate.json`
+- the capture report is within the freshness window used by `docs:devtool:check`
+
+If any of these checks fail, rerun `npm run docs:devtool:capture` from the current DevTool build before updating the usage guide.

package/dist/scripts/docs/capture.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const path = require('path');
+const crypto = require('crypto');
 const { pathToFileURL } = require('url');
 const chromeLauncher = require('chrome-launcher');
 const CDP = require('chrome-remote-interface');
@@ -42,6 +43,27 @@ function localizeValue(value, lang) {
   );
 }
 
+function stableStringify(value) {
+  if (Array.isArray(value)) {
+    return `[${value.map(stableStringify).join(',')}]`;
+  }
+  if (!value || typeof value !== 'object') {
+    return JSON.stringify(value);
+  }
+  return `{${Object.keys(value)
+    .sort()
+    .map(key => `${JSON.stringify(key)}:${stableStringify(value[key])}`)
+    .join(',')}}`;
+}
+
+function createScenarioFingerprint({ schemaVersion, locales, guideTitle, guideSource, recipes }) {
+  return crypto
+    .createHash('sha256')
+    .update(stableStringify({ schemaVersion, locales, guideTitle, guideSource, recipes }))
+    .digest('hex')
+    .slice(0, 16);
+}
+
 function escapeForEval(value) {
   return JSON.stringify(value).replace(/<\//g, '<\\/');
 }
@@ -229,17 +251,29 @@ async function captureFullPage(Page, Runtime, Emulation, outputPath, viewport) {
 async function loadRecipes(recipesPath) {
   const module = await import(pathToFileURL(recipesPath).href);
   return {
+    schemaVersion: module.schemaVersion || 1,
     recipes: module.recipes || module.default || [],
     locales: module.locales || ['zh-CN', 'en-US'],
+    guideTitle: module.guideTitle || 'TikTok 小游戏调试工具使用指南',
+    guideSource: module.guideSource || null,
     defaultLocalStorage: module.defaultLocalStorage || {},
   };
 }
 
+function getRecipeViewport(recipe) {
+  return recipe.viewport || recipe.capture?.viewport || { width: 1440, height: 1400 };
+}
+
+function getRecipeWaitFor(recipe) {
+  return recipe.waitFor || {
+    selector: recipe.capture?.selector || 'body',
+    timeoutMs: 20000,
+  };
+}
+
 async function main() {
   const args = parseArgs(process.argv.slice(2));
   const baseUrl = args['base-url'];
-  const recipesPath = path.resolve(args.recipes);
-  const outputDir = path.resolve(args['output-dir']);
 
   if (!baseUrl) {
     throw new Error('Missing required argument: --base-url');
@@ -251,9 +285,34 @@ async function main() {
     throw new Error('Missing required argument: --output-dir');
   }
 
-  const { recipes, locales, defaultLocalStorage } = await loadRecipes(recipesPath);
+  const recipesPath = path.resolve(args.recipes);
+  const outputDir = path.resolve(args['output-dir']);
+  const { schemaVersion, recipes, locales, guideTitle, guideSource, defaultLocalStorage } = await loadRecipes(recipesPath);
+  const normalizedLocales = locales.map(normalizeLang);
+  const scenarioFingerprint = createScenarioFingerprint({
+    schemaVersion,
+    recipes,
+    locales: normalizedLocales,
+    guideTitle,
+    guideSource,
+  });
   const assetsDir = path.join(outputDir, 'assets');
   fs.mkdirSync(assetsDir, { recursive: true });
+  const reportPath = path.join(outputDir, 'capture-report.json');
+  if (fs.existsSync(reportPath)) {
+    fs.rmSync(reportPath);
+  }
+  const captureReport = {
+    schemaVersion: 1,
+    title: guideTitle,
+    guideSource,
+    scenarioFingerprint,
+    baseUrl,
+    recipesPath,
+    generatedAt: new Date().toISOString(),
+    outputDir,
+    screenshots: [],
+  };
 
   const chrome = await chromeLauncher.launch({
     chromeFlags: [
@@ -280,7 +339,7 @@ async function main() {
       }),
     ]);
 
-    for (const locale of locales.map(normalizeLang)) {
+    for (const locale of normalizedLocales) {
       const baseHeaders = {
         'Accept-Language': locale,
         'X-TTMG-Docs-Lang': locale,
@@ -296,7 +355,8 @@ async function main() {
       await seedLocalStorage(Runtime, localizedStorage);
 
       for (const recipe of recipes) {
-        const viewport = recipe.viewport || { width: 1440, height: 1400 };
+        const viewport = getRecipeViewport(recipe);
+        const waitFor = getRecipeWaitFor(recipe);
         const requestHeaders = {
           ...baseHeaders,
           ...(recipe.requestHeaders || {}),
@@ -306,16 +366,34 @@ async function main() {
         });
         await setViewport(Emulation, viewport.width, viewport.height);
         await navigateAndWait(client, Page, `${baseUrl}${recipe.route}`);
-        await waitForSelector(Runtime, recipe.waitFor.selector, recipe.waitFor.timeoutMs || 20000);
+        await waitForSelector(Runtime, waitFor.selector, waitFor.timeoutMs || 20000);
         await stabilizePage(Runtime);
         await wait(500);
 
         const fileName = `${recipe.id}.${locale}.png`;
         const outputPath = path.join(assetsDir, fileName);
         await captureFullPage(Page, Runtime, Emulation, outputPath, viewport);
+        const stats = fs.statSync(outputPath);
+        captureReport.screenshots.push({
+          id: `${recipe.id}.${locale}`,
+          recipeId: recipe.id,
+          locale,
+          route: recipe.route,
+          selector: recipe.capture?.selector || recipe.selector || 'body',
+          viewport,
+          path: `assets/${fileName}`,
+          bytes: stats.size,
+          capturedAt: new Date().toISOString(),
+        });
         console.log(`[ttmg-docs] captured ${fileName}`);
       }
     }
+    fs.writeFileSync(
+      reportPath,
+      `${JSON.stringify(captureReport, null, 2)}\n`,
+      'utf8',
+    );
+    console.log(`[ttmg-docs] wrote capture report into ${outputDir}`);
   } finally {
     if (client) {
       await client.close();

package/dist/scripts/docs/check.js

@@ -0,0 +1,184 @@
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+const { pathToFileURL } = require('url');
+
+function parseArgs(argv) {
+  return argv.reduce((acc, arg) => {
+    if (!arg.startsWith('--')) {
+      return acc;
+    }
+    const [key, value] = arg.slice(2).split('=');
+    acc[key] = value === undefined ? true : value;
+    return acc;
+  }, {});
+}
+
+function normalizeLang(value) {
+  return String(value || '').toLowerCase().includes('en') ? 'en-US' : 'zh-CN';
+}
+
+function stableStringify(value) {
+  if (Array.isArray(value)) {
+    return `[${value.map(stableStringify).join(',')}]`;
+  }
+  if (!value || typeof value !== 'object') {
+    return JSON.stringify(value);
+  }
+  return `{${Object.keys(value)
+    .sort()
+    .map(key => `${JSON.stringify(key)}:${stableStringify(value[key])}`)
+    .join(',')}}`;
+}
+
+function createScenarioFingerprint({ schemaVersion, locales, guideTitle, guideSource, recipes }) {
+  return crypto
+    .createHash('sha256')
+    .update(stableStringify({ schemaVersion, locales, guideTitle, guideSource, recipes }))
+    .digest('hex')
+    .slice(0, 16);
+}
+
+async function loadRecipes(recipesPath) {
+  const module = await import(pathToFileURL(recipesPath).href);
+  return {
+    schemaVersion: module.schemaVersion || 1,
+    recipes: module.recipes || module.default || [],
+    locales: (module.locales || ['zh-CN', 'en-US']).map(normalizeLang),
+    guideTitle: module.guideTitle || 'TikTok 小游戏调试工具使用指南',
+    guideSource: module.guideSource || null,
+  };
+}
+
+function readJson(filePath) {
+  return JSON.parse(fs.readFileSync(filePath, 'utf8'));
+}
+
+function fail(message) {
+  throw new Error(message);
+}
+
+function assertFreshEnough(report, maxAgeHours) {
+  if (!maxAgeHours) {
+    return;
+  }
+  const maxAgeMs = Number(maxAgeHours) * 60 * 60 * 1000;
+  const generatedAt = new Date(report.generatedAt).getTime();
+  if (!Number.isFinite(generatedAt)) {
+    fail('capture-report.json has invalid generatedAt');
+  }
+  const ageMs = Date.now() - generatedAt;
+  if (ageMs > maxAgeMs) {
+    fail(`DevTool screenshots are stale: capture-report is older than ${maxAgeHours} hours`);
+  }
+}
+
+function assertFileFreshAgainstRecipe(filePath, recipesPath) {
+  const screenshotStat = fs.statSync(filePath);
+  const recipeStat = fs.statSync(recipesPath);
+  if (screenshotStat.mtimeMs + 1000 < recipeStat.mtimeMs) {
+    fail(`Screenshot is older than scenario manifest: ${filePath}`);
+  }
+}
+
+function assertReportFreshAgainstArtifact(report, artifactPath) {
+  if (!fs.existsSync(artifactPath)) {
+    return;
+  }
+  const reportGeneratedAt = new Date(report.generatedAt).getTime();
+  const artifactStat = fs.statSync(artifactPath);
+  if (reportGeneratedAt + 1000 < artifactStat.mtimeMs) {
+    fail(`capture-report.json is older than ${path.basename(artifactPath)}. Re-run docs:devtool:capture.`);
+  }
+}
+
+function assertScreenshotFreshAgainstArtifact(filePath, artifactPath) {
+  if (!fs.existsSync(artifactPath)) {
+    return;
+  }
+  const screenshotStat = fs.statSync(filePath);
+  const artifactStat = fs.statSync(artifactPath);
+  if (screenshotStat.mtimeMs + 1000 < artifactStat.mtimeMs) {
+    fail(`Screenshot is older than ${path.basename(artifactPath)}: ${filePath}`);
+  }
+}
+
+async function main() {
+  const args = parseArgs(process.argv.slice(2));
+  if (!args.recipes) {
+    fail('Missing required argument: --recipes');
+  }
+  if (!args['output-dir']) {
+    fail('Missing required argument: --output-dir');
+  }
+
+  const recipesPath = path.resolve(args.recipes);
+  const outputDir = path.resolve(args['output-dir']);
+  const reportPath = path.join(outputDir, 'capture-report.json');
+  const manifestPath = path.join(outputDir, 'manifest.json');
+  const screenshotIndexPath = path.join(outputDir, 'screenshot-index.json');
+  const docVersionPath = path.join(outputDir, 'doc-version.json');
+  const qualityGatePath = path.join(outputDir, 'quality-gate.json');
+
+  if (!fs.existsSync(reportPath)) {
+    fail('Missing capture-report.json. Run docs:devtool:capture before publishing screenshots.');
+  }
+
+  const { schemaVersion, recipes, locales, guideTitle, guideSource } = await loadRecipes(recipesPath);
+  const expectedFingerprint = createScenarioFingerprint({ schemaVersion, recipes, locales, guideTitle, guideSource });
+  const report = readJson(reportPath);
+
+  if (report.scenarioFingerprint !== expectedFingerprint) {
+    fail('DevTool screenshots are stale: capture-report does not match the current scenario manifest.');
+  }
+
+  assertFreshEnough(report, args['max-age-hours']);
+  assertReportFreshAgainstArtifact(report, manifestPath);
+  assertReportFreshAgainstArtifact(report, screenshotIndexPath);
+  assertReportFreshAgainstArtifact(report, docVersionPath);
+  assertReportFreshAgainstArtifact(report, qualityGatePath);
+
+  for (const optionalJson of [manifestPath, screenshotIndexPath, docVersionPath, qualityGatePath]) {
+    if (!fs.existsSync(optionalJson)) continue;
+    const data = readJson(optionalJson);
+    if (data.scenarioFingerprint && data.scenarioFingerprint !== expectedFingerprint) {
+      fail(`${path.basename(optionalJson)} does not match the current scenario manifest.`);
+    }
+  }
+
+  const capturedById = new Map((report.screenshots || []).map(item => [item.id, item]));
+  const expectedIds = [];
+  for (const recipe of recipes) {
+    for (const locale of locales) {
+      expectedIds.push(`${recipe.id}.${locale}`);
+    }
+  }
+
+  for (const id of expectedIds) {
+    const item = capturedById.get(id);
+    if (!item) {
+      fail(`Missing screenshot capture record: ${id}`);
+    }
+    const screenshotPath = path.join(outputDir, item.path);
+    if (!fs.existsSync(screenshotPath)) {
+      fail(`Missing screenshot file: ${item.path}`);
+    }
+    const stats = fs.statSync(screenshotPath);
+    if (stats.size < 1024) {
+      fail(`Screenshot file looks invalid or empty: ${item.path}`);
+    }
+    assertFileFreshAgainstRecipe(screenshotPath, recipesPath);
+    assertScreenshotFreshAgainstArtifact(screenshotPath, manifestPath);
+    assertScreenshotFreshAgainstArtifact(screenshotPath, screenshotIndexPath);
+    assertScreenshotFreshAgainstArtifact(screenshotPath, docVersionPath);
+    assertScreenshotFreshAgainstArtifact(screenshotPath, qualityGatePath);
+  }
+
+  console.log(`[ttmg-docs] screenshot freshness check passed: ${expectedIds.length} screenshots`);
+}
+
+main().catch(error => {
+  console.error('[ttmg-docs] screenshot freshness check failed');
+  console.error(error);
+  process.exit(1);
+});