@cherishxn/agent-scaffold 0.0.0-stage → 1.0.0

package/templates/react-spring-shadcn/web/src/design-tokens.css

@@ -0,0 +1,168 @@
+/* Generated by design:sync. Edit design/tokens.json or design/widgets.json. */
+:root {
+  --design-colors-primary: #8fc3ff;
+  --design-colors-primary-hover: #b5d8ff;
+  --design-colors-primary-active: #69a9f3;
+  --design-colors-primary-text: #02040a;
+  --design-colors-background: #02040a;
+  --design-colors-text: #f4f8ff;
+  --design-colors-surface: #0b111d;
+  --design-colors-focus: #8fc3ff;
+  --design-colors-border: #283547;
+  --design-colors-brand: #f4f8ff;
+  --design-colors-eyebrow: #9baecb;
+  --design-colors-muted: #a1afc3;
+  --design-colors-intro: #b5c3d7;
+  --design-colors-panel-border: #283547;
+  --design-colors-divider: #202c3e;
+  --design-colors-record-text: #f4f8ff;
+  --design-colors-record-meta: #a1afc3;
+  --design-colors-record-hover: #142237;
+  --design-colors-pagination-border: #283547;
+  --design-colors-empty: #a1afc3;
+  --design-colors-empty-heading: #e2eeff;
+  --design-colors-success-background: #102b25;
+  --design-colors-success-border: #387c69;
+  --design-colors-success-text: #a2e6cc;
+  --design-colors-error-background: #311b24;
+  --design-colors-error-border: #8f4c61;
+  --design-colors-error-text: #ffbdcd;
+  --design-colors-footer-border: #283547;
+  --design-colors-footer-text: #a1afc3;
+  --design-colors-badge-border: #435773;
+  --design-colors-badge-text: #b5c3d7;
+  --design-colors-control-focus: #8fc3ff;
+  --design-colors-control-border: #657891;
+  --design-colors-control-background: #080e18;
+  --design-colors-secondary-border: #657891;
+  --design-colors-secondary-text: #e2eeff;
+  --design-colors-secondary-hover: #19283d;
+  --design-colors-danger-border: #ad6578;
+  --design-colors-danger-background: #311b24;
+  --design-colors-danger-text: #ffbdcd;
+  --design-colors-danger-hover: #472636;
+  --design-typography-body-font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
+  --design-typography-body-font-size: 16px;
+  --design-typography-body-line-height: 1.65;
+  --design-typography-h1-font-size: 36px;
+  --design-typography-h1-line-height: 1.2;
+  --design-typography-h1-letter-spacing: -0.03em;
+  --design-typography-h1-font-weight: 560;
+  --design-typography-login-heading-font-size: 48px;
+  --design-typography-login-heading-line-height: 1.15;
+  --design-typography-login-heading-font-weight: 560;
+  --design-typography-login-heading-letter-spacing: -0.03em;
+  --design-typography-h2-font-size: 20px;
+  --design-typography-h2-line-height: 1.4;
+  --design-typography-h2-font-weight: 580;
+  --design-typography-h2-letter-spacing: -0.02em;
+  --design-typography-h3-font-size: 18px;
+  --design-typography-h3-font-weight: 600;
+  --design-typography-h3-line-height: 1.5;
+  --design-typography-label-font-size: 14px;
+  --design-typography-label-font-weight: 600;
+  --design-typography-eyebrow-font-size: 11px;
+  --design-typography-eyebrow-font-weight: 700;
+  --design-typography-eyebrow-letter-spacing: 0.22em;
+  --design-typography-eyebrow-line-height: 1.5;
+  --design-typography-button-font-size: 14px;
+  --design-typography-button-font-weight: 600;
+  --design-typography-button-line-height: 20px;
+  --design-typography-caption-font-size: 12px;
+  --design-typography-intro-font-size: 18px;
+  --design-typography-intro-line-height: 1.8;
+  --design-typography-mobile-heading-font-size: 32px;
+  --design-typography-mobile-heading-line-height: 1.2;
+  --design-typography-mobile-page-heading-font-size: 28px;
+  --design-typography-mobile-page-heading-line-height: 1.25;
+  --design-rounded-md: 0px;
+  --design-rounded-panel: 0px;
+  --design-rounded-full: 0px;
+  --design-spacing-s0: 0px;
+  --design-spacing-s1: 1px;
+  --design-spacing-s2: 2px;
+  --design-spacing-s3: 3px;
+  --design-spacing-s4: 4px;
+  --design-spacing-s6: 6px;
+  --design-spacing-s8: 8px;
+  --design-spacing-s10: 10px;
+  --design-spacing-s12: 12px;
+  --design-spacing-s14: 14px;
+  --design-spacing-s15: 15px;
+  --design-spacing-s16: 16px;
+  --design-spacing-s18: 18px;
+  --design-spacing-s20: 20px;
+  --design-spacing-s22: 22px;
+  --design-spacing-s24: 24px;
+  --design-spacing-s26: 26px;
+  --design-spacing-s28: 28px;
+  --design-spacing-s30: 30px;
+  --design-spacing-s32: 32px;
+  --design-spacing-s34: 34px;
+  --design-spacing-s38: 38px;
+  --design-spacing-s44: 44px;
+  --design-spacing-s48: 48px;
+  --design-spacing-s60: 60px;
+  --design-spacing-s80: 80px;
+  --design-spacing-s88: 88px;
+  --design-spacing-shell-max: 1240px;
+  --design-spacing-login-max: 1020px;
+  --design-spacing-intro-max: 460px;
+  --design-spacing-login-card-max: 430px;
+  --design-spacing-list-min: 260px;
+  --design-spacing-footer-reserve: 155px;
+  --design-spacing-mobile-breakpoint: 760px;
+  --design-spacing-control-min: 44px;
+  --design-components-button-primary-background-color: #8fc3ff;
+  --design-components-button-primary-text-color: #02040a;
+  --design-components-button-primary-rounded: 0px;
+  --design-components-button-primary-height: 44px;
+  --design-components-panel-background-color: #0b111d;
+  --design-components-panel-padding: 26px;
+  --design-components-panel-rounded: 0px;
+  --design-components-input-rounded: 0px;
+  --design-effects-panel-shadow: 0 16px 48px rgba(0,0,0,0.18);
+  --design-widgets-button-height: 44px;
+  --design-widgets-button-padding-x: 16px;
+  --design-widgets-button-padding-y: 8px;
+  --design-widgets-button-border-width: 1px;
+  --design-widgets-button-font-size: 14px;
+  --design-widgets-button-font-weight: 600;
+  --design-widgets-button-line-height: 20px;
+  --design-widgets-button-radius: 0px;
+  --design-widgets-input-height: 44px;
+  --design-widgets-input-padding-x: 12px;
+  --design-widgets-input-padding-y: 8px;
+  --design-widgets-input-border-width: 1px;
+  --design-widgets-input-font-size: 16px;
+  --design-widgets-input-line-height: 24px;
+  --design-widgets-input-radius: 0px;
+  --design-widgets-textarea-padding-x: 12px;
+  --design-widgets-textarea-padding-y: 8px;
+  --design-widgets-textarea-border-width: 1px;
+  --design-widgets-textarea-font-size: 16px;
+  --design-widgets-textarea-line-height: 24px;
+  --design-widgets-textarea-radius: 0px;
+  --design-widgets-alert-padding-x: 16px;
+  --design-widgets-alert-padding-y: 12px;
+  --design-widgets-alert-gap: 8px;
+  --design-widgets-alert-icon-size: 16px;
+  --design-widgets-alert-font-size: 14px;
+  --design-widgets-alert-line-height: 22px;
+  --design-widgets-alert-border-width: 1px;
+  --design-widgets-alert-radius: 0px;
+  --design-widgets-badge-padding-x: 10px;
+  --design-widgets-badge-padding-y: 3px;
+  --design-widgets-badge-font-size: 12px;
+  --design-widgets-badge-line-height: 18px;
+  --design-widgets-badge-border-width: 1px;
+  --design-widgets-badge-radius: 0px;
+  --design-widgets-panel-padding: 26px;
+  --design-widgets-panel-border-width: 1px;
+  --design-widgets-panel-radius: 0px;
+  --design-widgets-field-gap: 8px;
+  --design-widgets-field-margin-y: 22px;
+  --design-widgets-field-font-size: 14px;
+  --design-widgets-field-font-weight: 600;
+  --design-widgets-field-line-height: 22px;
+}

package/templates/react-spring-shadcn/web/src/design-widgets.css

@@ -0,0 +1,31 @@
+/* Generated by design:sync. Edit design/widgets.css. */
+/* These semantic hooks belong to the widget contract, never to a library. */
+[data-widget]{box-sizing:border-box!important;font-family:var(--design-typography-body-font-family)!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none!important}
+[data-widget="button"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;vertical-align:middle!important;position:relative!important;min-width:0!important;height:var(--design-widgets-button-height)!important;min-height:var(--design-widgets-button-height)!important;padding:var(--design-widgets-button-padding-y) var(--design-widgets-button-padding-x)!important;margin:0!important;border:var(--design-widgets-button-border-width) solid transparent!important;border-radius:var(--design-widgets-button-radius)!important;font-size:var(--design-widgets-button-font-size)!important;font-weight:var(--design-widgets-button-font-weight)!important;line-height:var(--design-widgets-button-line-height)!important;cursor:pointer!important;text-align:center!important;white-space:nowrap!important;transition:background-color 180ms,border-color 180ms,color 180ms!important}
+[data-widget="button"] [data-part="label"]{display:inline!important;margin:0!important;padding:0!important;font:inherit!important;line-height:inherit!important;color:inherit!important}
+[data-widget="button"][data-variant="primary"]{background:var(--design-colors-primary)!important;color:var(--design-colors-primary-text)!important}
+[data-widget="button"][data-variant="primary"]:hover{background:var(--design-colors-primary-hover)!important}
+[data-widget="button"][data-variant="primary"]:active{background:var(--design-colors-primary-active)!important}
+[data-widget="button"][data-variant="secondary"]{background:var(--design-colors-control-background)!important;color:var(--design-colors-secondary-text)!important;border-color:var(--design-colors-secondary-border)!important}
+[data-widget="button"][data-variant="secondary"]:hover,[data-widget="button"][data-variant="secondary"]:active{background:var(--design-colors-secondary-hover)!important}
+[data-widget="button"][data-variant="danger"]{background:var(--design-colors-danger-background)!important;color:var(--design-colors-danger-text)!important;border-color:var(--design-colors-danger-border)!important}
+[data-widget="button"][data-variant="danger"]:hover,[data-widget="button"][data-variant="danger"]:active{background:var(--design-colors-danger-hover)!important}
+[data-widget="button"]:disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}
+[data-widget="input"],[data-widget="textarea"]{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:var(--design-widgets-input-padding-y) var(--design-widgets-input-padding-x)!important;border:var(--design-widgets-input-border-width) solid var(--design-colors-control-border)!important;border-radius:var(--design-widgets-input-radius)!important;background:var(--design-colors-control-background)!important;color:var(--design-colors-text)!important;font-size:var(--design-widgets-input-font-size)!important;font-weight:400!important;line-height:var(--design-widgets-input-line-height)!important;outline:none!important;transition:border-color 180ms!important}
+[data-widget="input"]{height:var(--design-widgets-input-height)!important;min-height:var(--design-widgets-input-height)!important}
+[data-widget="textarea"]{padding:var(--design-widgets-textarea-padding-y) var(--design-widgets-textarea-padding-x)!important;border-width:var(--design-widgets-textarea-border-width)!important;border-radius:var(--design-widgets-textarea-radius)!important;font-size:var(--design-widgets-textarea-font-size)!important;line-height:var(--design-widgets-textarea-line-height)!important;resize:vertical!important;min-height:0!important}
+[data-widget="input"]::placeholder,[data-widget="textarea"]::placeholder{color:var(--design-colors-muted)!important;opacity:1!important}
+[data-widget="input"]:hover,[data-widget="textarea"]:hover{border-color:var(--design-colors-control-focus)!important}
+[data-widget="input"][aria-invalid="true"],[data-widget="textarea"][aria-invalid="true"]{border-color:var(--design-colors-error-border)!important}
+[data-widget="input"]:disabled,[data-widget="textarea"]:disabled{opacity:.5!important;cursor:not-allowed!important}
+[data-widget="button"]:focus-visible,[data-widget="input"]:focus,[data-widget="textarea"]:focus{outline:2px solid var(--design-colors-control-focus)!important;outline-offset:2px!important}
+[data-widget="alert"]{display:flex!important;align-items:flex-start!important;gap:var(--design-widgets-alert-gap)!important;margin:16px 0!important;padding:var(--design-widgets-alert-padding-y) var(--design-widgets-alert-padding-x)!important;border:var(--design-widgets-alert-border-width) solid var(--design-colors-error-border)!important;border-radius:var(--design-widgets-alert-radius)!important;background:var(--design-colors-error-background)!important;color:var(--design-colors-error-text)!important;font-size:var(--design-widgets-alert-font-size)!important;font-weight:400!important;line-height:var(--design-widgets-alert-line-height)!important}
+[data-widget="alert"][data-variant="success"]{background:var(--design-colors-success-background)!important;color:var(--design-colors-success-text)!important;border-color:var(--design-colors-success-border)!important}
+[data-widget="alert"] [data-part="icon"]{display:block!important;width:var(--design-widgets-alert-icon-size)!important;height:var(--design-widgets-alert-icon-size)!important;flex:none!important;margin:3px 0 0!important;color:inherit!important}
+[data-widget="alert"] [data-part="message"]{display:block!important;margin:0!important;padding:0!important;font:inherit!important;line-height:inherit!important;color:inherit!important;overflow-wrap:anywhere}
+[data-widget="badge"]{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;white-space:nowrap!important;margin:0!important;padding:var(--design-widgets-badge-padding-y) var(--design-widgets-badge-padding-x)!important;border:var(--design-widgets-badge-border-width) solid var(--design-colors-badge-border)!important;border-radius:var(--design-widgets-badge-radius)!important;background:transparent!important;color:var(--design-colors-badge-text)!important;font-size:var(--design-widgets-badge-font-size)!important;font-weight:400!important;line-height:var(--design-widgets-badge-line-height)!important}
+[data-widget="panel"]{background:var(--design-colors-surface)!important;border:var(--design-widgets-panel-border-width) solid var(--design-colors-panel-border)!important;border-radius:var(--design-widgets-panel-radius)!important;padding:var(--design-widgets-panel-padding)!important;box-shadow:var(--design-effects-panel-shadow)!important}
+[data-widget="field"]{display:flex!important;flex-direction:column!important;gap:var(--design-widgets-field-gap)!important;margin:var(--design-widgets-field-margin-y) 0!important}
+[data-widget="field"]>[data-part="label"]{font-size:var(--design-widgets-field-font-size)!important;font-weight:var(--design-widgets-field-font-weight)!important;line-height:var(--design-widgets-field-line-height)!important}
+@media(max-width:760px){[data-widget="panel"]{padding:var(--design-spacing-s20)!important}}
+@media(prefers-reduced-motion:reduce){[data-widget]{transition-duration:0.01ms!important}}

package/templates/react-spring-shadcn/web/src/main.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import {createRoot} from 'react-dom/client';
+import App from './App';
+import project from '../../project.json';
+document.title=project.nameZh;
+createRoot(document.getElementById('root')!).render(<React.StrictMode><App/></React.StrictMode>);

package/templates/react-spring-shadcn/web/src/structure-view.tsx

@@ -0,0 +1,16 @@
+import {createElement,Fragment,type ReactNode} from 'react';
+import design from './design-runtime.json';
+import type {WidgetSet} from './widget-types';
+type Node={element:string;region:string;slot?:string;children?:Node[]};
+export function Structure({name,slots,widgets}:{widgets:WidgetSet;name:'root'|'checking'|'login'|'workspace';slots:Record<string,ReactNode>}) {
+ const {Panel}=widgets;
+ const node:Node=name==='root'?design.structure.root:design.structure.pages[name];
+ function render(item:Node):ReactNode {
+  const children=item.slot?slots[item.slot]:item.children?.map(render);
+  if(item.element==='slot')return <Fragment key={item.region}>{children}</Fragment>;
+  if(item.slot&&children==null)return null;
+  const props={className:item.region,'data-region':item.region,...(item.element==='a'?{href:'/'}:{})};
+  return item.element==='panel'?<Panel key={item.region} {...props}>{children}</Panel>:createElement(item.element,{key:item.region,...props},children);
+ }
+ return render(node);
+}

package/templates/react-spring-shadcn/web/src/styles.css

@@ -0,0 +1,3 @@
+@import "./design-tokens.css";
+@import "./design-layout.css";
+@import "./design-widgets.css";

package/templates/react-spring-shadcn/web/src/tailwind.css

@@ -0,0 +1,2 @@
+@import "tailwindcss/theme" layer(theme);
+@import "tailwindcss/utilities" layer(utilities);

package/templates/react-spring-shadcn/web/src/ui.tsx

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+import {cva} from 'class-variance-authority';
+import {WidgetIcon} from './widget-icon';
+import type {AlertProps,ButtonProps,FieldProps,InputProps,PanelProps,TextAreaProps} from './widget-types';
+const button=cva('inline-flex items-center justify-center');
+export function Button({children,variant='primary',loading=false,disabled,className,type='button',...props}:ButtonProps){return <button {...props} type={type} data-widget="button" data-variant={variant} aria-busy={loading||undefined} disabled={disabled||loading} className={button({className})}><span data-part="label">{children}</span></button>;}
+export function Input({invalid,...props}:InputProps){return <input {...props} data-widget="input" aria-invalid={invalid||undefined}/>;}
+export function TextArea({invalid,...props}:TextAreaProps){return <textarea {...props} data-widget="textarea" aria-invalid={invalid||undefined}/>;}
+export function Panel({children,className='',...props}:PanelProps){return <section {...props} data-widget="panel" className={`panel ${className}`}>{children}</section>;}
+export function Field({children,label,htmlFor}:FieldProps){return <div data-widget="field" className="field"><label data-part="label" htmlFor={htmlFor}>{label}</label><div data-part="control">{children}</div></div>;}
+export function Alert({children,variant='error'}:AlertProps){return <div data-widget="alert" data-variant={variant} role={variant==='error'?'alert':'status'}><WidgetIcon kind={variant}/><div data-part="message">{children}</div></div>;}
+export function Badge({children}:{children:React.ReactNode}){return <span data-widget="badge" className="badge"><span data-part="label">{children}</span></span>;}
+export function Theme({children}:{children:React.ReactNode}){return <>{children}</>;}

package/templates/react-spring-shadcn/web/src/widget-icon.tsx

@@ -0,0 +1,5 @@
+import design from './design-runtime.json';
+export function WidgetIcon({kind}:{kind:'error'|'success'}) {
+ const icon=design.widgets.icons[kind];
+ return <svg data-part="icon" aria-hidden="true" viewBox={icon.viewBox} fill="none" stroke="currentColor" strokeWidth={icon.strokeWidth} strokeLinecap="round" strokeLinejoin="round">{icon.paths.map((path,index)=><path key={index} d={path}/>)}</svg>;
+}

package/templates/react-spring-shadcn/web/src/widget-types.ts

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+export type ButtonProps=Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,'color'>&{variant?:'primary'|'secondary'|'danger';loading?:boolean};
+export type InputProps=Omit<React.InputHTMLAttributes<HTMLInputElement>,'size'>&{invalid?:boolean};
+export type TextAreaProps=React.TextareaHTMLAttributes<HTMLTextAreaElement>&{invalid?:boolean};
+export type AlertProps={children:React.ReactNode;variant?:'error'|'success'};
+export type PanelProps=React.HTMLAttributes<HTMLElement>;
+export type FieldProps={children:React.ReactNode;label:string;htmlFor:string};
+
+export type WidgetSet={
+ Button:React.ComponentType<ButtonProps>;Input:React.ComponentType<InputProps>;TextArea:React.ComponentType<TextAreaProps>;
+ Alert:React.ComponentType<AlertProps>;Panel:React.ComponentType<PanelProps>;Field:React.ComponentType<FieldProps>;
+ Badge:React.ComponentType<{children:React.ReactNode}>;Theme:React.ComponentType<{children:React.ReactNode}>;
+};

package/templates/react-spring-shadcn/web/src/workspace-model.ts

@@ -0,0 +1,85 @@
+export type User={id:string;email:string};
+export type RecordItem={id:string;title:string;content:string;created_at:string;updated_at:string};
+export type RecordPage={items:RecordItem[];total:number;page:number;pageSize:number};
+export type WorkspaceState={user:User|null;checking:boolean;email:string;password:string;list:RecordPage;page:number;selected:string|null;title:string;content:string;editing:boolean;busy:boolean;loading:boolean;error:string;notice:string};
+const emptyList=():RecordPage=>({items:[],total:0,page:1,pageSize:10});
+export const initialWorkspaceState=():WorkspaceState=>({user:null,checking:true,email:'',password:'',list:emptyList(),page:1,selected:null,title:'',content:'',editing:false,busy:false,loading:false,error:'',notice:''});
+class StaleRequest extends Error {}
+class ApiError extends Error {constructor(message:string,public status:number){super(message);}}
+export function validateRecord(title:string,content:string):string {
+ const length=Array.from(title.trim()).length;
+ if(length<1||length>120)return '标题需为 1–120 个字符。';
+ if(Array.from(content).length>10000)return '正文最多 10,000 个字符。';
+ return '';
+}
+/** Framework-neutral business model. Views subscribe and forward user intent. */
+export function createWorkspaceModel(request:typeof fetch=fetch) {
+ let state=initialWorkspaceState(),token:string|null=null;
+ let identityEpoch=0,refreshSequence=0,busySequence=0,lifecycle=0;
+ const requests=new Set<AbortController>(),listeners=new Set<()=>void>();
+ const patch=(value:Partial<WorkspaceState>)=>{state={...state,...value};for(const listener of listeners)listener();};
+ function cancelRequests(){for(const controller of requests)controller.abort();requests.clear();}
+ function clearIdentity(){
+  identityEpoch++;refreshSequence++;busySequence++;cancelRequests();token=null;
+  patch({user:null,list:emptyList(),page:1,selected:null,title:'',content:'',editing:false,notice:'',error:'',password:'',busy:false,loading:false});
+ }
+ async function api<T>(path:string,method='GET',body?:unknown):Promise<T> {
+  const epoch=identityEpoch,controller=new AbortController();requests.add(controller);
+  const timer=setTimeout(()=>controller.abort(),15000);
+  try{
+   const response=await request(`/api${path}`,{method,credentials:'same-origin',headers:{...(body===undefined?{}:{'Content-Type':'application/json'}),...(token?{Authorization:`Bearer ${token}`}:{})},...(body===undefined?{}:{body:JSON.stringify(body)}),signal:controller.signal});
+   if(epoch!==identityEpoch)throw new StaleRequest();
+   if(response.status===204)return undefined as T;
+   const data=await response.json();
+   if(epoch!==identityEpoch)throw new StaleRequest();
+   if(!response.ok){if(response.status===401)clearIdentity();throw new ApiError(data.error?.message||'请求失败，请检查输入后重试。',response.status);}
+   return data as T;
+  }catch(error){
+   if(error instanceof ApiError||error instanceof StaleRequest)throw error;
+   if(epoch!==identityEpoch)throw new StaleRequest();
+   throw new Error('请求失败或超时，输入已保留。请先查看记录，确认结果后再操作。',{cause:error});
+  }finally{clearTimeout(timer);requests.delete(controller);}
+ }
+ const report=(error:unknown)=>{if(!(error instanceof StaleRequest))patch({error:(error as Error).message});};
+ function busy(){const sequence=++busySequence;patch({busy:true,error:''});return ()=>{if(sequence===busySequence)patch({busy:false});};}
+ async function refresh(){
+  const sequence=++refreshSequence;patch({loading:true});
+  try{const list=await api<RecordPage>(`/records?page=${state.page}&pageSize=10`);if(sequence===refreshSequence)patch({list});}
+  catch(error){if(sequence===refreshSequence)report(error);}
+  finally{if(sequence===refreshSequence)patch({loading:false});}
+ }
+ async function start(){
+  const current=++lifecycle;patch({checking:true});
+  try{const data=await api<{user:User}>('/auth/me');if(current===lifecycle){patch({user:data.user});await refresh();}}
+  catch(error){if(current===lifecycle&&!(error instanceof ApiError&&error.status===401))report(error);}
+  finally{if(current===lifecycle)patch({checking:false});}
+ }
+ function stop(){lifecycle++;identityEpoch++;refreshSequence++;busySequence++;cancelRequests();}
+ async function login(){
+  const done=busy();
+  try{const data=await api<{user:User;token?:string}>('/auth/login','POST',{email:state.email,password:state.password});clearIdentity();token=data.token??null;patch({user:data.user,password:'',notice:''});await refresh();}
+  catch(error){report(error);}finally{done();}
+ }
+ async function logout(){const done=busy();try{await api('/auth/logout','POST',{});clearIdentity();}catch(error){report(error);}finally{done();}}
+ function create(){patch({selected:null,title:'',content:'',editing:true,error:'',notice:''});}
+ async function open(id:string){
+  const done=busy();patch({notice:''});
+  try{const data=await api<RecordItem>(`/records/${id}`);patch({selected:data.id,title:data.title,content:data.content,editing:true});}
+  catch(error){report(error);}finally{done();}
+ }
+ async function save(){
+  const error=validateRecord(state.title,state.content);patch({error,notice:''});if(error)return;
+  const done=busy();
+  try{const data=await api<RecordItem>(state.selected?`/records/${state.selected}`:'/records',state.selected?'PUT':'POST',{title:state.title,content:state.content});patch({selected:data.id,title:data.title,content:data.content,notice:'已保存'});await refresh();}
+  catch(error){report(error);}finally{done();}
+ }
+ async function remove(confirmed:boolean){
+  if(!state.selected||!confirmed)return;
+  const done=busy();patch({notice:''});
+  try{await api(`/records/${state.selected}`,'DELETE');patch({editing:false,selected:null,title:'',content:'',notice:'已删除',...(state.page>1&&state.list.items.length===1?{page:state.page-1}:{})});await refresh();}
+  catch(error){report(error);}finally{done();}
+ }
+ async function changePage(page:number){if(page<1||!Number.isInteger(page))return;patch({page});await refresh();}
+ return {getSnapshot:()=>state,subscribe:(listener:()=>void)=>{listeners.add(listener);return ()=>{listeners.delete(listener);};},start,stop,login,logout,create,open,save,remove,changePage,setField:(field:'email'|'password'|'title'|'content',value:string)=>patch({[field]:value})};
+}
+export type WorkspaceModel=ReturnType<typeof createWorkspaceModel>;

package/templates/react-spring-shadcn/web/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src",
+    "vite.config.ts"
+  ]
+}

package/templates/react-spring-shadcn/web/vite.config.ts

@@ -0,0 +1,4 @@
+import {defineConfig} from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwind from '@tailwindcss/vite';
+export default defineConfig({plugins:[react(),tailwind()],server:{proxy:{'/api':`http://127.0.0.1:${process.env.PORT||8000}`}},preview:{proxy:{'/api':`http://127.0.0.1:${process.env.PORT||8000}`}}});