vzcode 0.63.0 → 0.65.0

package/dist/assets/{worker-DzDiglXJ.js → worker-wgvEWcGD.js}

@@ -230,4 +230,4 @@ ${j.join(`
 `;P=P.replace(n,"").replace(r,"").replace(v,"$1");let d="";for(;d!==P;)d=P,P=P.replace(_,`${L}$1 $2${L}`);P=P.replace(u,"").trimRight();let N=Object.create(null),$=P.replace(f,"").replace(u,"").trimRight(),O;for(;O=f.exec(P);){let R=O[2].replace(s,"");typeof N[O[1]]=="string"||Array.isArray(N[O[1]])?N[O[1]]=D.concat(N[O[1]],R):N[O[1]]=R}return{comments:$,pragmas:N}}function E({comments:P="",pragmas:L={}}){let d=`
 `,N="/**",$=" *",O=" */",R=Object.keys(L),H=R.flatMap(ee=>C(ee,L[ee])).map(ee=>`${$} ${ee}${d}`).join("");if(!P){if(R.length===0)return"";if(R.length===1&&!Array.isArray(L[R[0]])){let ee=L[R[0]];return`${N} ${C(R[0],ee)[0]}${O}`}}let Z=P.split(d).map(ee=>`${$} ${ee}`).join(d)+d;return N+d+(P?Z:"")+(P&&R.length?$+d:"")+H+O}function C(P,L){return D.concat(L).map(d=>`@${P} ${d}`.trim())}}),hN={};bT(hN,{parsers:()=>AT});var AT={};bT(AT,{typescript:()=>bue});var joe=dn(Loe(),1);function Roe(t,r){let n=new SyntaxError(t+" ("+r.loc.start.line+":"+r.loc.start.column+")");return Object.assign(n,r)}var $oe=Roe;function Joe(t){let r=[];for(let n of t)try{return n()}catch(a){r.push(a)}throw Object.assign(new Error("All combinations failed"),{errors:r})}var qoe=Joe,Uoe=(t,r,n)=>{if(!(t&&r==null))return Array.isArray(r)||typeof r=="string"?r[n<0?r.length+n:n]:r.at(n)},yN=Uoe;function zoe(t){return Array.isArray(t)&&t.length>0}var Koe=zoe;function eo(t){var r,n,a;let s=((r=t.range)==null?void 0:r[0])??t.start,u=(a=((n=t.declaration)==null?void 0:n.decorators)??t.decorators)==null?void 0:a[0];return u?Math.min(eo(u),s):s}function Dl(t){var r;return((r=t.range)==null?void 0:r[1])??t.end}function Woe(t){let r=new Set(t);return n=>r.has(n==null?void 0:n.type)}var Hoe=Woe,Voe=Hoe(["Block","CommentBlock","MultiLine"]),wT=Voe;function Goe(t){let r=`*${t.value}*`.split(`
 `);return r.length>1&&r.every(n=>n.trimStart()[0]==="*")}var gN=Goe;function Xoe(t){return wT(t)&&t.value[0]==="*"&&/@(?:type|satisfies)\b/.test(t.value)}var Yoe=Xoe,Tf=null;function Ef(t){if(Tf!==null&&typeof Tf.property){let r=Tf;return Tf=Ef.prototype=null,r}return Tf=Ef.prototype=t??Object.create(null),new Ef}var Qoe=10;for(let t=0;t<=Qoe;t++)Ef();function Zoe(t){return Ef(t)}function eue(t,r="type"){Zoe(t);function n(a){let s=a[r],u=t[s];if(!Array.isArray(u))throw Object.assign(new Error(`Missing visitor keys for '${s}'.`),{node:a});return u}return n}var tue=eue,rue={ArrayExpression:["elements"],AssignmentExpression:["left","right"],BinaryExpression:["left","right"],InterpreterDirective:[],Directive:["value"],DirectiveLiteral:[],BlockStatement:["directives","body"],BreakStatement:["label"],CallExpression:["callee","arguments","typeParameters","typeArguments"],CatchClause:["param","body"],ConditionalExpression:["test","consequent","alternate"],ContinueStatement:["label"],DebuggerStatement:[],DoWhileStatement:["test","body"],EmptyStatement:[],ExpressionStatement:["expression"],File:["program"],ForInStatement:["left","right","body"],ForStatement:["init","test","update","body"],FunctionDeclaration:["id","params","body","returnType","typeParameters","predicate"],FunctionExpression:["id","params","body","returnType","typeParameters"],Identifier:["typeAnnotation","decorators"],IfStatement:["test","consequent","alternate"],LabeledStatement:["label","body"],StringLiteral:[],NumericLiteral:[],NullLiteral:[],BooleanLiteral:[],RegExpLiteral:[],LogicalExpression:["left","right"],MemberExpression:["object","property"],NewExpression:["callee","arguments","typeParameters","typeArguments"],Program:["directives","body"],ObjectExpression:["properties"],ObjectMethod:["key","params","body","decorators","returnType","typeParameters"],ObjectProperty:["key","value","decorators"],RestElement:["argument","typeAnnotation","decorators"],ReturnStatement:["argument"],SequenceExpression:["expressions"],ParenthesizedExpression:["expression"],SwitchCase:["test","consequent"],SwitchStatement:["discriminant","cases"],ThisExpression:[],ThrowStatement:["argument"],TryStatement:["block","handler","finalizer"],UnaryExpression:["argument"],UpdateExpression:["argument"],VariableDeclaration:["declarations"],VariableDeclarator:["id","init"],WhileStatement:["test","body"],WithStatement:["object","body"],AssignmentPattern:["left","right","decorators","typeAnnotation"],ArrayPattern:["elements","typeAnnotation","decorators"],ArrowFunctionExpression:["params","body","returnType","typeParameters","predicate"],ClassBody:["body"],ClassExpression:["id","body","superClass","mixins","typeParameters","superTypeParameters","implements","decorators","superTypeArguments"],ClassDeclaration:["id","body","superClass","mixins","typeParameters","superTypeParameters","implements","decorators","superTypeArguments"],ExportAllDeclaration:["source","attributes","exported"],ExportDefaultDeclaration:["declaration"],ExportNamedDeclaration:["declaration","specifiers","source","attributes"],ExportSpecifier:["local","exported"],ForOfStatement:["left","right","body"],ImportDeclaration:["specifiers","source","attributes"],ImportDefaultSpecifier:["local"],ImportNamespaceSpecifier:["local"],ImportSpecifier:["local","imported"],ImportExpression:["source","options","attributes"],MetaProperty:["meta","property"],ClassMethod:["key","params","body","decorators","returnType","typeParameters"],ObjectPattern:["properties","typeAnnotation","decorators"],SpreadElement:["argument"],Super:[],TaggedTemplateExpression:["tag","quasi","typeParameters","typeArguments"],TemplateElement:[],TemplateLiteral:["quasis","expressions"],YieldExpression:["argument"],AwaitExpression:["argument"],Import:[],BigIntLiteral:[],ExportNamespaceSpecifier:["exported"],OptionalMemberExpression:["object","property"],OptionalCallExpression:["callee","arguments","typeParameters","typeArguments"],ClassProperty:["key","value","typeAnnotation","decorators","variance"],ClassAccessorProperty:["key","value","typeAnnotation","decorators"],ClassPrivateProperty:["key","value","decorators","typeAnnotation","variance"],ClassPrivateMethod:["key","params","body","decorators","returnType","typeParameters"],PrivateName:["id"],StaticBlock:["body"],AnyTypeAnnotation:[],ArrayTypeAnnotation:["elementType"],BooleanTypeAnnotation:[],BooleanLiteralTypeAnnotation:[],NullLiteralTypeAnnotation:[],ClassImplements:["id","typeParameters"],DeclareClass:["id","typeParameters","extends","mixins","implements","body"],DeclareFunction:["id","predicate"],DeclareInterface:["id","typeParameters","extends","body"],DeclareModule:["id","body"],DeclareModuleExports:["typeAnnotation"],DeclareTypeAlias:["id","typeParameters","right"],DeclareOpaqueType:["id","typeParameters","supertype"],DeclareVariable:["id"],DeclareExportDeclaration:["declaration","specifiers","source"],DeclareExportAllDeclaration:["source"],DeclaredPredicate:["value"],ExistsTypeAnnotation:[],FunctionTypeAnnotation:["typeParameters","params","rest","returnType","this"],FunctionTypeParam:["name","typeAnnotation"],GenericTypeAnnotation:["id","typeParameters"],InferredPredicate:[],InterfaceExtends:["id","typeParameters"],InterfaceDeclaration:["id","typeParameters","extends","body"],InterfaceTypeAnnotation:["extends","body"],IntersectionTypeAnnotation:["types"],MixedTypeAnnotation:[],EmptyTypeAnnotation:[],NullableTypeAnnotation:["typeAnnotation"],NumberLiteralTypeAnnotation:[],NumberTypeAnnotation:[],ObjectTypeAnnotation:["properties","indexers","callProperties","internalSlots"],ObjectTypeInternalSlot:["id","value","optional","static","method"],ObjectTypeCallProperty:["value"],ObjectTypeIndexer:["id","key","value","variance"],ObjectTypeProperty:["key","value","variance"],ObjectTypeSpreadProperty:["argument"],OpaqueType:["id","typeParameters","supertype","impltype"],QualifiedTypeIdentifier:["id","qualification"],StringLiteralTypeAnnotation:[],StringTypeAnnotation:[],SymbolTypeAnnotation:[],ThisTypeAnnotation:[],TupleTypeAnnotation:["types","elementTypes"],TypeofTypeAnnotation:["argument","typeArguments"],TypeAlias:["id","typeParameters","right"],TypeAnnotation:["typeAnnotation"],TypeCastExpression:["expression","typeAnnotation"],TypeParameter:["bound","default","variance"],TypeParameterDeclaration:["params"],TypeParameterInstantiation:["params"],UnionTypeAnnotation:["types"],Variance:[],VoidTypeAnnotation:[],EnumDeclaration:["id","body"],EnumBooleanBody:["members"],EnumNumberBody:["members"],EnumStringBody:["members"],EnumSymbolBody:["members"],EnumBooleanMember:["id","init"],EnumNumberMember:["id","init"],EnumStringMember:["id","init"],EnumDefaultedMember:["id"],IndexedAccessType:["objectType","indexType"],OptionalIndexedAccessType:["objectType","indexType"],JSXAttribute:["name","value"],JSXClosingElement:["name"],JSXElement:["openingElement","children","closingElement"],JSXEmptyExpression:[],JSXExpressionContainer:["expression"],JSXSpreadChild:["expression"],JSXIdentifier:[],JSXMemberExpression:["object","property"],JSXNamespacedName:["namespace","name"],JSXOpeningElement:["name","attributes","typeArguments","typeParameters"],JSXSpreadAttribute:["argument"],JSXText:[],JSXFragment:["openingFragment","children","closingFragment"],JSXOpeningFragment:[],JSXClosingFragment:[],Noop:[],Placeholder:[],V8IntrinsicIdentifier:[],ArgumentPlaceholder:[],BindExpression:["object","callee"],ImportAttribute:["key","value"],Decorator:["expression"],DoExpression:["body"],ExportDefaultSpecifier:["exported"],RecordExpression:["properties"],TupleExpression:["elements"],DecimalLiteral:[],ModuleExpression:["body"],TopicReference:[],PipelineTopicExpression:["expression"],PipelineBareFunction:["callee"],PipelinePrimaryTopicReference:[],TSParameterProperty:["parameter","decorators"],TSDeclareFunction:["id","typeParameters","params","returnType","body"],TSDeclareMethod:["decorators","key","typeParameters","params","returnType"],TSQualifiedName:["left","right"],TSCallSignatureDeclaration:["typeParameters","parameters","typeAnnotation","params","returnType"],TSConstructSignatureDeclaration:["typeParameters","parameters","typeAnnotation","params","returnType"],TSPropertySignature:["key","typeAnnotation"],TSMethodSignature:["key","typeParameters","parameters","typeAnnotation","params","returnType"],TSIndexSignature:["parameters","typeAnnotation"],TSAnyKeyword:[],TSBooleanKeyword:[],TSBigIntKeyword:[],TSIntrinsicKeyword:[],TSNeverKeyword:[],TSNullKeyword:[],TSNumberKeyword:[],TSObjectKeyword:[],TSStringKeyword:[],TSSymbolKeyword:[],TSUndefinedKeyword:[],TSUnknownKeyword:[],TSVoidKeyword:[],TSThisType:[],TSFunctionType:["typeParameters","parameters","typeAnnotation","params","returnType"],TSConstructorType:["typeParameters","parameters","typeAnnotation","params","returnType"],TSTypeReference:["typeName","typeParameters","typeArguments"],TSTypePredicate:["parameterName","typeAnnotation"],TSTypeQuery:["exprName","typeParameters","typeArguments"],TSTypeLiteral:["members"],TSArrayType:["elementType"],TSTupleType:["elementTypes"],TSOptionalType:["typeAnnotation"],TSRestType:["typeAnnotation"],TSNamedTupleMember:["label","elementType"],TSUnionType:["types"],TSIntersectionType:["types"],TSConditionalType:["checkType","extendsType","trueType","falseType"],TSInferType:["typeParameter"],TSParenthesizedType:["typeAnnotation"],TSTypeOperator:["typeAnnotation"],TSIndexedAccessType:["objectType","indexType"],TSMappedType:["typeParameter","typeAnnotation","nameType"],TSLiteralType:["literal"],TSExpressionWithTypeArguments:["expression","typeParameters"],TSInterfaceDeclaration:["id","typeParameters","extends","body"],TSInterfaceBody:["body"],TSTypeAliasDeclaration:["id","typeParameters","typeAnnotation"],TSInstantiationExpression:["expression","typeParameters","typeArguments"],TSAsExpression:["expression","typeAnnotation"],TSSatisfiesExpression:["expression","typeAnnotation"],TSTypeAssertion:["typeAnnotation","expression"],TSEnumDeclaration:["id","members"],TSEnumMember:["id","initializer"],TSModuleDeclaration:["id","body"],TSModuleBlock:["body"],TSImportType:["argument","qualifier","typeParameters","typeArguments"],TSImportEqualsDeclaration:["id","moduleReference"],TSExternalModuleReference:["expression"],TSNonNullExpression:["expression"],TSExportAssignment:["expression"],TSNamespaceExportDeclaration:["id"],TSTypeAnnotation:["typeAnnotation"],TSTypeParameterInstantiation:["params"],TSTypeParameterDeclaration:["params"],TSTypeParameter:["constraint","default","name"],ChainExpression:["expression"],ExperimentalRestProperty:["argument"],ExperimentalSpreadProperty:["argument"],Literal:[],MethodDefinition:["decorators","key","value"],PrivateIdentifier:[],Property:["key","value"],PropertyDefinition:["decorators","key","typeAnnotation","value","variance"],AccessorProperty:["decorators","key","typeAnnotation","value"],TSAbstractAccessorProperty:["decorators","key","typeAnnotation"],TSAbstractKeyword:[],TSAbstractMethodDefinition:["key","value"],TSAbstractPropertyDefinition:["decorators","key","typeAnnotation"],TSAsyncKeyword:[],TSClassImplements:["expression","typeArguments","typeParameters"],TSDeclareKeyword:[],TSEmptyBodyFunctionExpression:["id","typeParameters","params","returnType"],TSExportKeyword:[],TSInterfaceHeritage:["expression","typeArguments","typeParameters"],TSPrivateKeyword:[],TSProtectedKeyword:[],TSPublicKeyword:[],TSReadonlyKeyword:[],TSStaticKeyword:[],TSTemplateLiteralType:["quasis","types"],AsExpression:["expression","typeAnnotation"],BigIntLiteralTypeAnnotation:[],BigIntTypeAnnotation:[],ConditionalTypeAnnotation:["checkType","extendsType","trueType","falseType"],DeclareEnum:["id","body"],InferTypeAnnotation:["typeParameter"],KeyofTypeAnnotation:["argument"],ObjectTypeMappedTypeProperty:["keyTparam","propType","sourceType","variance"],QualifiedTypeofIdentifier:["qualification","id"],TupleTypeLabeledElement:["label","elementType","variance"],TupleTypeSpreadElement:["label","typeAnnotation"],TypeOperator:["typeAnnotation"],TypePredicate:["parameterName","typeAnnotation","asserts"],NGRoot:["node"],NGPipeExpression:["left","right","arguments"],NGChainedExpression:["expressions"],NGEmptyExpression:[],NGMicrosyntax:["body"],NGMicrosyntaxKey:[],NGMicrosyntaxExpression:["expression","alias"],NGMicrosyntaxKeyedExpression:["key","expression"],NGMicrosyntaxLet:["key","value"],NGMicrosyntaxAs:["key","alias"],JsExpressionRoot:["node"],JsonRoot:["node"],TSJSDocAllType:[],TSJSDocUnknownType:[],TSJSDocNullableType:["typeAnnotation"],TSJSDocNonNullableType:["typeAnnotation"],NeverTypeAnnotation:[],UndefinedTypeAnnotation:[],UnknownTypeAnnotation:[],AsConstExpression:["expression"],SatisfiesExpression:["expression","typeAnnotation"]},nue=tue(rue),iue=nue;function FT(t,r){if(!(t!==null&&typeof t=="object"))return t;if(Array.isArray(t)){for(let a=0;a<t.length;a++)t[a]=FT(t[a],r);return t}let n=iue(t);for(let a=0;a<n.length;a++)t[n[a]]=FT(t[n[a]],r);return r(t)||t}var kT=FT;function aue(t,r){let{parser:n,text:a}=r;if(t.type==="File"&&t.program.interpreter){let{program:{interpreter:s},comments:u}=t;delete t.program.interpreter,u.unshift(s)}if(n==="babel"){let s=new Set;t=kT(t,u=>{var _;(_=u.leadingComments)!=null&&_.some(Yoe)&&s.add(eo(u))}),t=kT(t,u=>{if(u.type==="ParenthesizedExpression"){let{expression:_}=u;if(_.type==="TypeCastExpression")return _.range=[...u.range],_;let f=eo(u);if(!s.has(f))return _.extra={..._.extra,parenthesized:!0},_}})}if(t=kT(t,s=>{var u;switch(s.type){case"LogicalExpression":if(DN(s))return PT(s);break;case"VariableDeclaration":{let _=yN(!1,s.declarations,-1);_!=null&&_.init&&a[Dl(_)]!==";"&&(s.range=[eo(s),Dl(_)]);break}case"TSParenthesizedType":return s.typeAnnotation;case"TSTypeParameter":if(typeof s.name=="string"){let _=eo(s);s.name={type:"Identifier",name:s.name,range:[_,_+s.name.length]}}break;case"TopicReference":t.extra={...t.extra,__isUsingHackPipeline:!0};break;case"ExportAllDeclaration":if(n==="meriyah"&&((u=s.exported)==null?void 0:u.type)==="Identifier"){let{exported:_}=s,f=a.slice(eo(_),Dl(_));(f.startsWith('"')||f.startsWith("'"))&&(s.exported={...s.exported,type:"Literal",value:s.exported.name,raw:f})}break;case"TSUnionType":case"TSIntersectionType":if(s.types.length===1)return s.types[0];break}}),Koe(t.comments)){let s=yN(!1,t.comments,-1);for(let u=t.comments.length-2;u>=0;u--){let _=t.comments[u];Dl(_)===eo(s)&&wT(_)&&wT(s)&&gN(_)&&gN(s)&&(t.comments.splice(u+1,1),_.value+="*//*"+s.value,_.range=[eo(_),Dl(s)]),s=_}}return t.type==="Program"&&(t.range=[0,a.length]),t}function DN(t){return t.type==="LogicalExpression"&&t.right.type==="LogicalExpression"&&t.operator===t.right.operator}function PT(t){return DN(t)?PT({type:"LogicalExpression",operator:t.operator,left:PT({type:"LogicalExpression",operator:t.operator,left:t.left,right:t.right.left,range:[eo(t.left),Dl(t.right.left)]}),right:t.right.right,range:[eo(t),Dl(t)]}):t}var sue=aue,bN=dn(Moe(),1);function oue(t){if(!t.startsWith("#!"))return"";let r=t.indexOf(`
-`);return r===-1?t:t.slice(0,r)}var uue=oue;function lue(t){let r=uue(t);r&&(t=t.slice(r.length+1));let n=(0,bN.extract)(t),{pragmas:a,comments:s}=(0,bN.parseWithComments)(n);return{shebang:r,text:t,pragmas:a,comments:s}}function cue(t){let{pragmas:r}=lue(t);return Object.prototype.hasOwnProperty.call(r,"prettier")||Object.prototype.hasOwnProperty.call(r,"format")}function _ue(t){return t=typeof t=="function"?{parse:t}:t,{astFormat:"estree",hasPragma:cue,locStart:eo,locEnd:Dl,...t}}var pue=_ue;function due(t){return t.charAt(0)==="#"&&t.charAt(1)==="!"?"//"+t.slice(2):t}var mue=due,NT={loc:!0,range:!0,comment:!0,tokens:!0,loggerFn:!1,project:[],jsDocParsingMode:"none",suppressDeprecatedPropertyWarnings:!0};function fue(t){let{message:r,location:n}=t;if(!n)return t;let{start:a,end:s}=n;return $oe(r,{loc:{start:{line:a.line,column:a.column+1},end:{line:s.line,column:s.column+1}},cause:t})}var hue=t=>/\.(?:js|mjs|cjs|jsx|ts|mts|cts|tsx)$/i.test(t);function yue(t,r){let n=r==null?void 0:r.filepath;if(n&&hue(n))return[{...NT,filePath:n}];let a=Due(t);return[{...NT,jsx:a},{...NT,jsx:!a}]}function gue(t,r){let n=mue(t),a=yue(t,r),s;try{s=qoe(a.map(u=>()=>(0,joe.parse)(n,u)))}catch({errors:[u]}){throw fue(u)}return sue(s,{text:t})}function Due(t){return new RegExp(["(?:^[^\"'`]*</)","|","(?:^[^/]{2}.*/>)"].join(""),"m").test(t)}var bue=pue(gue),xue=hN,vue=Object.freeze({__proto__:null,default:xue,parsers:AT});const Tue={js:"babel",jsx:"babel",mjs:"babel",cjs:"babel",ts:"typescript",tsx:"typescript",css:"css",html:"html",json:"json",json5:"json5",md:"markdown",markdown:"markdown",svelte:"svelte"},Eue=[nz,XG,zZ,Cne,vue,aoe];onmessage=async({data:t})=>{const{fileExtension:r,fileText:n,fileId:a}=t,s=Tue[r];if(s)try{const u=await jx(n,{parser:s,plugins:Eue,proseWrap:"always",singleQuote:!0,printWidth:60});postMessage({fileId:a,fileTextPrettified:u})}catch(u){postMessage({fileId:a,error:u.toString()})}}})();
+`);return r===-1?t:t.slice(0,r)}var uue=oue;function lue(t){let r=uue(t);r&&(t=t.slice(r.length+1));let n=(0,bN.extract)(t),{pragmas:a,comments:s}=(0,bN.parseWithComments)(n);return{shebang:r,text:t,pragmas:a,comments:s}}function cue(t){let{pragmas:r}=lue(t);return Object.prototype.hasOwnProperty.call(r,"prettier")||Object.prototype.hasOwnProperty.call(r,"format")}function _ue(t){return t=typeof t=="function"?{parse:t}:t,{astFormat:"estree",hasPragma:cue,locStart:eo,locEnd:Dl,...t}}var pue=_ue;function due(t){return t.charAt(0)==="#"&&t.charAt(1)==="!"?"//"+t.slice(2):t}var mue=due,NT={loc:!0,range:!0,comment:!0,tokens:!0,loggerFn:!1,project:[],jsDocParsingMode:"none",suppressDeprecatedPropertyWarnings:!0};function fue(t){let{message:r,location:n}=t;if(!n)return t;let{start:a,end:s}=n;return $oe(r,{loc:{start:{line:a.line,column:a.column+1},end:{line:s.line,column:s.column+1}},cause:t})}var hue=t=>/\.(?:js|mjs|cjs|jsx|ts|mts|cts|tsx)$/i.test(t);function yue(t,r){let n=r==null?void 0:r.filepath;if(n&&hue(n))return[{...NT,filePath:n}];let a=Due(t);return[{...NT,jsx:a},{...NT,jsx:!a}]}function gue(t,r){let n=mue(t),a=yue(t,r),s;try{s=qoe(a.map(u=>()=>(0,joe.parse)(n,u)))}catch({errors:[u]}){throw fue(u)}return sue(s,{text:t})}function Due(t){return new RegExp(["(?:^[^\"'`]*</)","|","(?:^[^/]{2}.*/>)"].join(""),"m").test(t)}var bue=pue(gue),xue=hN,vue=Object.freeze({__proto__:null,default:xue,parsers:AT});const Tue={js:"babel",jsx:"babel",mjs:"babel",cjs:"babel",ts:"typescript",tsx:"typescript",css:"css",html:"html",json:"json",json5:"json5",md:"markdown",markdown:"markdown"},Eue=[nz,XG,zZ,Cne,vue,aoe];onmessage=async({data:t})=>{const{fileExtension:r,fileText:n,fileId:a}=t,s=Tue[r];if(s)try{const u=await jx(n,{parser:s,plugins:Eue,proseWrap:"always",singleQuote:!0,printWidth:60});postMessage({fileId:a,fileTextPrettified:u})}catch(u){postMessage({fileId:a,error:u.toString()})}}})();

package/dist/index.html

@@ -20,8 +20,8 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-cVB2xPdw.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-7hPfA_d2.css">
+    <script type="module" crossorigin src="/assets/index-DqZSunfv.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Bh7FzEWq.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vzcode",
-  "version": "0.63.0",
+  "version": "0.65.0",
   "description": "Multiplayer code editor system",
   "main": "src/index.ts",
   "type": "module",
@@ -71,7 +71,7 @@
     "@codemirror/lang-markdown": "^6.2.4",
     "@codemirror/state": "^6.4.0",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.23.1",
+    "@codemirror/view": "^6.24.0",
     "@lezer/highlight": "^1.2.0",
     "@replit/codemirror-indentation-markers": "^6.5.0",
     "@replit/codemirror-interact": "^6.3.0",
@@ -94,16 +94,16 @@
     "color-hash": "^2.0.2",
     "d3-array": "^3.2.4",
     "diff-match-patch": "^1.0.5",
-    "dotenv": "^16.4.1",
+    "dotenv": "^16.4.2",
     "express": "^4.18.2",
     "ignore": "^5.3.1",
     "json0-ot-diff": "^1.1.2",
     "ngrok": "^4.3.3",
     "open": "^10.0.3",
-    "openai": "^4.26.1",
+    "openai": "^4.27.0",
     "prettier-plugin-svelte": "^3.1.2",
     "react": "^18.2.0",
-    "react-bootstrap": "^2.10.0",
+    "react-bootstrap": "^2.10.1",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0",
     "sharedb": "^4.1.2",
@@ -113,13 +113,13 @@
   },
   "devDependencies": {
     "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.18",
+    "@types/react-dom": "^18.2.19",
     "@vitejs/plugin-react": "^4.2.1",
     "concurrently": "^8.2.2",
     "prettier": "^3.2.5",
     "sass": "^1.70.0",
     "typescript": "^5.3.3",
-    "vite": "^5.0.12",
+    "vite": "^5.1.1",
     "vitest": "^1.2.2"
   }
 }

package/src/client/AIAssist/AIAssistWidget/index.tsx

@@ -14,6 +14,7 @@ import {
 import { SparklesSVG, StopSVG } from '../../Icons';
 import { startAIAssist } from '../startAIAssist';
 import './style.scss';
+import { Spinner } from '../Spinner';
 
 const enableStopGeneration = false;
 
@@ -80,30 +81,28 @@ export const AIAssistWidget = ({
     : aiStreamId === null;
 
   return (
-    showWidget && (
-      <div className="vz-code-ai-assist-widget">
-        <OverlayTrigger
-          placement="left"
-          overlay={
-            <Tooltip id="ai-assist-widget-tooltip">
-              {aiAssistTooltipText}
-            </Tooltip>
-          }
-        >
-          <i
-            className="icon-button icon-button-dark"
-            onClick={aiAssistClickOverride || handleClick}
+    <div className="vz-code-ai-assist-widget">
+      {aiStreamId ? (
+        <Spinner /> // Show spinner when aiStreamId is not null
+      ) : (
+        showWidget && (
+          <OverlayTrigger
+            placement="left"
+            overlay={
+              <Tooltip id="ai-assist-widget-tooltip">
+                {aiAssistTooltipText}
+              </Tooltip>
+            }
           >
-            {aiStreamId ? (
-              enableStopGeneration ? (
-                <StopSVG />
-              ) : null
-            ) : (
+            <i
+              className="icon-button icon-button-dark"
+              onClick={aiAssistClickOverride || handleClick}
+            >
               <SparklesSVG />
-            )}
-          </i>
-        </OverlayTrigger>
-      </div>
-    )
+            </i>
+          </OverlayTrigger>
+        )
+      )}
+    </div>
   );
 };

package/src/client/AIAssist/AIAssistWidget/style.scss

@@ -4,3 +4,42 @@
   right: 32px;
   color: var(--vh-color-caution-01);
 }
+
+.vh-spinner {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+/* Fade in after a delay */
+/* https://stackoverflow.com/questions/29846224/css-animation-with-delay-and-opacity */
+.vh-spinner.fade-in svg {
+  animation: 1s linear 0s normal forwards 1 fadein;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Infinite rotation */
+/* https://stackoverflow.com/questions/6410730/css-endless-rotation-animation */
+.vh-spinner-dots {
+  animation: rotate 3s linear infinite;
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/src/client/AIAssist/Spinner.jsx

@@ -0,0 +1,76 @@
+// From https://github.com/vizhub-core/vizhub/commit/6ca078935b9771dc6e05a6065bcfd522a4724dcf
+import { useEffect, useState } from 'react';
+import './AIAssistWidget/style.scss';
+
+// const minRadius = 4;
+// const maxRadius = 10;
+// const numDots = 8;
+// const wheelRadius = 40;
+// const round = (number) => Math.floor(number * 100) / 100;
+// const dots = [];
+// for (let i = 0; i < numDots; i++) {
+//   const angle = (i / numDots) * Math.PI * 2;
+//   dots.push({
+//     x: round(Math.cos(angle) * wheelRadius),
+//     y: round(Math.sin(angle) * wheelRadius),
+//     r: round(
+//       minRadius +
+//         (i / (numDots - 1)) * (maxRadius - minRadius),
+//     ),
+//   });
+// }
+// console.log(JSON.stringify(dots));
+
+// Hardcoded to avoid the computation.
+const dots = [
+  { x: 40, y: 0, r: 4 },
+  { x: 28.28, y: 28.28, r: 4.85 },
+  { x: 0, y: 40, r: 5.71 },
+  { x: -28.29, y: 28.28, r: 6.57 },
+  { x: -40, y: 0, r: 7.42 },
+  { x: -28.29, y: -28.29, r: 8.28 },
+  { x: -0.01, y: -40, r: 9.14 },
+  { x: 28.28, y: -28.29, r: 10 },
+];
+
+// From https://bl.ocks.org/curran/685fa8300650c4324d571c6b0ecc55de
+// And vizhub-v2/packages/neoFrontend/src/LoadingScreen/index.js
+export const Spinner = ({
+  height = 40,
+  fill = 'currentcolor',
+  fadeIn = true,
+}) => {
+  const [show, setShow] = useState(false);
+
+  // Avoid SSR of all the SVG elements.
+  useEffect(() => {
+    setShow(true);
+  }, []);
+
+  return (
+    show && (
+      <div
+        className={`vh-spinner${fadeIn ? ' fade-in' : ''}`}
+      >
+        <svg
+          height={height}
+          viewBox="0 0 100 100"
+          style={{ opacity: 1 }}
+        >
+          <g transform="translate(50, 50)" fill={fill}>
+            <g className="vh-spinner-dots">
+              {dots.map(({ x, y, r }, i) => (
+                <circle
+                  key={i}
+                  cx={x}
+                  cy={y}
+                  r={r}
+                ></circle>
+              ))}
+            </g>
+          </g>
+        </svg>
+      </div>
+    )
+  );
+};

package/src/client/VZCodeContext.tsx

@@ -1,4 +1,9 @@
-import { createContext, useReducer } from 'react';
+import {
+  createContext,
+  useCallback,
+  useReducer,
+  useState,
+} from 'react';
 import {
   Files,
   ShareDBDoc,
@@ -25,6 +30,7 @@ import {
   useEditorCache,
 } from './useEditorCache';
 import { useURLSync } from './useURLSync';
+import { useKeyboardShortcuts } from './useKeyboardShortcuts';
 
 // This context centralizes all the "smart" logic
 // to do with the application state. This includes
@@ -51,6 +57,8 @@ export type VZCodeContextValue = {
 
   activeFileId: string | null;
   setActiveFileId: (fileId: string | null) => void;
+  setActiveFileLeft: () => void;
+  setActiveFileRight: () => void;
 
   tabList: Array<TabState>;
   openTab: ({
@@ -82,6 +90,11 @@ export type VZCodeContextValue = {
   errorMessage: string | null;
 
   typeScriptWorker: Worker | null;
+
+  isCreateFileModalOpen: boolean;
+  handleOpenCreateFileModal: () => void;
+  handleCloseCreateFileModal: () => void;
+  handleCreateFileClick: (newFileName: string) => void;
 };
 
 export const VZCodeProvider = ({
@@ -164,6 +177,8 @@ export const VZCodeProvider = ({
   // Functions for dispatching actions to the reducer.
   const {
     setActiveFileId,
+    setActiveFileLeft,
+    setActiveFileRight,
     openTab,
     closeTabs,
     setTheme,
@@ -205,6 +220,34 @@ export const VZCodeProvider = ({
     openTab,
   });
 
+  // State to control the create file modal's visibility
+  const [isCreateFileModalOpen, setIsCreateFileModalOpen] =
+    useState(false);
+
+  const handleOpenCreateFileModal = useCallback(() => {
+    setIsCreateFileModalOpen(true);
+  }, []);
+
+  const handleCloseCreateFileModal = useCallback(() => {
+    setIsCreateFileModalOpen(false);
+  }, []);
+
+  const handleCreateFileClick = useCallback(
+    (newFileName: string) => {
+      createFile(newFileName);
+      setIsCreateFileModalOpen(false);
+    },
+    [createFile, setIsCreateFileModalOpen],
+  );
+
+  useKeyboardShortcuts({
+    closeTabs,
+    activeFileId,
+    handleOpenCreateFileModal,
+    setActiveFileLeft,
+    setActiveFileRight,
+  });
+
   // Isolate the files object from the document.
   const files: Files | null = content
     ? content.files
@@ -226,6 +269,8 @@ export const VZCodeProvider = ({
 
     activeFileId,
     setActiveFileId,
+    setActiveFileLeft,
+    setActiveFileRight,
 
     tabList,
     openTab,
@@ -251,6 +296,11 @@ export const VZCodeProvider = ({
     errorMessage,
 
     typeScriptWorker,
+
+    isCreateFileModalOpen,
+    handleOpenCreateFileModal,
+    handleCloseCreateFileModal,
+    handleCreateFileClick,
   };
 
   return (

package/src/client/VZLeft.tsx

@@ -1,57 +1,19 @@
-import { useContext } from 'react';
 import { VZSettings } from './VZSettings';
 import { VZSidebar } from './VZSidebar';
-import { VZCodeContext } from './VZCodeContext';
+import { CreateFileModal } from './VZSidebar/CreateFileModal';
 
 // The middle portion of the VZCode environment, containing:
 // * The sidebar
 // * The settings modal
+// * The create file modal
 export const VZLeft = ({ enableUsernameField = true }) => {
-  // TODO leverage this context in deeper levels of the component tree.
-  const {
-    files,
-    createFile,
-    renameFile,
-    deleteFile,
-    deleteDirectory,
-    activeFileId,
-    openTab,
-    closeTabs,
-    isSettingsOpen,
-    setIsSettingsOpen,
-    closeSettings,
-    theme,
-    setTheme,
-    username,
-    setUsername,
-    isDirectoryOpen,
-    toggleDirectory,
-  } = useContext(VZCodeContext);
-
   return (
     <div className="left">
-      <VZSidebar
-        files={files}
-        createFile={createFile}
-        renameFile={renameFile}
-        deleteFile={deleteFile}
-        deleteDirectory={deleteDirectory}
-        openTab={openTab}
-        closeTabs={closeTabs}
-        setIsSettingsOpen={setIsSettingsOpen}
-        isDirectoryOpen={isDirectoryOpen}
-        toggleDirectory={toggleDirectory}
-        activeFileId={activeFileId}
-      />
+      <VZSidebar />
       <VZSettings
-        show={isSettingsOpen}
-        onClose={closeSettings}
-        theme={theme}
-        setTheme={setTheme}
-        username={username}
-        setUsername={setUsername}
         enableUsernameField={enableUsernameField}
       />
+      <CreateFileModal />
     </div>
   );
 };

package/src/client/VZSettings.tsx

@@ -1,67 +1,40 @@
-import { useCallback, useRef } from 'react';
+import { useCallback, useContext, useRef } from 'react';
 import { Button, Modal, Form } from './bootstrap';
-import { ThemeLabel, themes } from './themes';
-import { Username } from '../types';
-
-// const saveTimes = [
-//   { value: 1, label: '1 second' },
-//   { value: 5, label: '5 seconds' },
-//   { value: 10, label: '10 seconds' },
-//   { value: 30, label: '30 seconds' },
-// ];
+import { themes } from './themes';
+import { VZCodeContext } from './VZCodeContext';
 
 export const VZSettings = ({
-  show,
-  onClose,
-  theme,
-  setTheme,
-  username,
-  setUsername,
-
   enableUsernameField = true,
 }: {
-  show: boolean;
-  onClose: () => void;
-  theme: ThemeLabel;
-  setTheme: (theme: ThemeLabel) => void;
-  username: Username;
-  setUsername: (username: Username) => void;
-
   // Feature flag to enable/disable username field
   enableUsernameField?: boolean;
 }) => {
+  const {
+    isSettingsOpen,
+    closeSettings,
+    theme,
+    setTheme,
+    username,
+    setUsername,
+  } = useContext(VZCodeContext);
+
   const handleThemeChange = useCallback((event) => {
     const selectedValue = event.target.value;
     console.log(selectedValue);
     setTheme(selectedValue);
   }, []);
 
-  // TODO https://github.com/vizhub-core/vzcode/issues/95
-  // const handleSaveTimeChange = useCallback(
-  //   (selectedOption) => {
-  //     const time = [{ value: selectedOption.value }];
-  //     fetch('/saveTime', {
-  //       method: 'POST',
-  //       headers: {
-  //         'Content-Type': 'application/json',
-  //       },
-  //       body: JSON.stringify(time),
-  //     });
-  //   },
-  //   [],
-  // );
-
   const usernameRef = useRef<HTMLInputElement>(null);
 
   const handleUsernameChange = useCallback(() => {
     setUsername(usernameRef.current?.value || '');
   }, [setUsername]);
 
-  return show ? (
+  return isSettingsOpen ? (
     <Modal
       className="vz-settings"
-      show={show}
-      onHide={onClose}
+      show={isSettingsOpen}
+      onHide={closeSettings}
       animation={false}
     >
       <Modal.Header closeButton>
@@ -104,21 +77,9 @@ export const VZSettings = ({
             Select a color theme for the editor
           </Form.Text>
         </Form.Group>
-        {/*
-          TODO https://github.com/vizhub-core/vzcode/issues/95
-          <Form.Group className="mb-3" controlId="formFork">
-          <Form.Label>Auto-Save Time</Form.Label>
-          <Select
-            options={saveTimes}
-            onChange={handleSaveTimeChange}
-          />
-          <Form.Text className="text-muted">
-            Select an auto save time
-          </Form.Text>
-        </Form.Group> */}
       </Modal.Body>
       <Modal.Footer>
-        <Button variant="primary" onClick={onClose}>
+        <Button variant="primary" onClick={closeSettings}>
           Done
         </Button>
       </Modal.Footer>

package/src/client/VZSidebar/CreateFileModal.tsx

@@ -3,32 +3,37 @@ import {
   useCallback,
   useRef,
   useEffect,
+  useContext,
 } from 'react';
 import { Modal, Form, Button } from '../bootstrap';
+import { VZCodeContext } from '../VZCodeContext';
 
 export const CreateFileModal = ({
-  show,
-  onClose,
-  onRename,
   initialFileName = '',
 }) => {
   const [newName, setNewName] = useState(initialFileName);
   const inputRef = useRef(null);
 
+  const {
+    isCreateFileModalOpen,
+    handleCloseCreateFileModal,
+    handleCreateFileClick,
+  } = useContext(VZCodeContext);
+
   useEffect(() => {
-    if (show && inputRef.current) {
+    if (isCreateFileModalOpen && inputRef.current) {
       inputRef.current.focus();
     }
-  }, [show]);
+  }, [isCreateFileModalOpen]);
 
   const handleNameChange = useCallback((event) => {
     setNewName(event.target.value);
   }, []);
 
-  const handleRenameClick = useCallback(() => {
-    onRename(newName);
+  const onCreateClick = useCallback(() => {
+    handleCreateFileClick(newName);
     setNewName('');
-  }, [newName, onRename]);
+  }, [newName, handleCreateFileClick]);
 
   // Returns true if file name is valid, false otherwise.
   const validateFileName = useCallback(
@@ -48,16 +53,16 @@ export const CreateFileModal = ({
           e.shiftKey ||
           (!e.altKey && !e.metaKey))
       ) {
-        handleRenameClick();
+        onCreateClick();
       }
     },
-    [handleRenameClick],
+    [onCreateClick],
   );
 
-  return show ? (
+  return isCreateFileModalOpen ? (
     <Modal
-      show={show}
-      onHide={onClose}
+      show={isCreateFileModalOpen}
+      onHide={handleCloseCreateFileModal}
       animation={false}
       onKeyDown={handleKeyDown}
     >
@@ -82,7 +87,7 @@ export const CreateFileModal = ({
       <Modal.Footer>
         <Button
           variant="primary"
-          onClick={handleRenameClick}
+          onClick={onCreateClick}
           disabled={!validateFileName(newName)}
         >
           Create File