vzcode 0.21.0 → 0.24.0

package/dist/assets/index-cf19de3b.css

@@ -0,0 +1 @@
+.vz-code-editor{flex:1;display:flex;font-family:var(--vzcode-font-family);overflow-x:auto}.vz-code-editor .cm-editor{flex:1}.vz-sidebar{height:100%;background:rgb(54,65,89);display:flex;flex-direction:column;justify-content:space-between}.vz-sidebar .full-box{padding:7px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.vz-sidebar .files{overflow:auto}.vz-sidebar .file-or-directory{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;margin:0 10px;color:#dbdde1;border-radius:5px}.vz-sidebar .link-name{margin-top:30px;margin-left:10px;color:#9aa0ac;font-size:12px;text-decoration:none}.vz-sidebar .new-btn{justify-content:right;margin-right:10px;cursor:pointer}.vz-sidebar .utils{display:flex}.vz-sidebar .utilities{margin-right:3px}.vz-sidebar .file-or-directory:hover,.vz-sidebar .settings:hover{background-color:#4a5469}.vz-sidebar .name{display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vz-sidebar .indentation{margin-left:20px}.vz-sidebar .arrow-wrapper{margin-right:4px}.vz-sidebar .settings{height:30px;color:#dbdde1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:14px 0;margin:10px;border-radius:5px}.vz-tab-list{display:flex;background-color:#252526;overflow-x:auto}.vz-tab-list .tab{background:rgb(45,45,45);color:#fff;font-family:var(--vzcode-font-family);align-items:center;display:flex;padding-top:2px;padding-left:10px;padding-right:10px;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:5px;margin-left:2px;margin-right:2px;cursor:pointer;white-space:nowrap}.vz-tab-list .tab .tab-close{margin-left:5px}.vz-tab-list .tab .tab-close:hover{border-radius:30%;background-color:#252526}.vz-tab-list .tab.active{background-color:#292c34}.vz-resizer{position:absolute;top:0;left:0;bottom:0}.vz-resizer:hover{cursor:col-resize}.vz-resizer .vz-resizer-thumb{position:absolute;top:0;bottom:0;transition:background-color .15s .25s}.vz-resizer:hover .vz-resizer-thumb{background-color:#0078d4}.vz-notification{position:fixed;display:flex;flex-direction:column;gap:10px;bottom:20px;right:20px;color:#9aa0ac;padding:15px}.vz-notification .vz-notification-item{background-color:#364159;padding:5px;border-radius:5px}:root{--vzcode-font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--vz-bg-color: rgb( 41, 44, 52 )}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--app-bg-color)}::-webkit-scrollbar-thumb{background:rgb(37,37,38)}::-webkit-scrollbar-thumb:hover{background:#555}html,body,#root,.app{height:100%}.app{background-color:var(--vz-bg-color);font-family:Poppins,sans-serif;display:flex;position:relative}.app .left,.app .right{display:flex;position:relative}.app .right{flex:1;flex-direction:column;min-width:0}.prettier-error-overlay{color:#ff3535;background-color:#0009;position:absolute;bottom:0;left:0;right:0;pointer-events:none}

package/dist/assets/{worker-d5f0575a.js → worker-b775ddff.js}

@@ -234,4 +234,4 @@ ${j.join(`
 `;N=N.replace(n,"").replace(r,"").replace(v,"$1");let k="";for(;k!==N;)k=N,N=N.replace(_,`${m}$1 $2${m}`);N=N.replace(u,"").trimRight();let F=Object.create(null),q=N.replace(f,"").replace(u,"").trimRight(),$;for(;$=f.exec(N);){let R=$[2].replace(s,"");typeof F[$[1]]=="string"||Array.isArray(F[$[1]])?F[$[1]]=g.concat(F[$[1]],R):F[$[1]]=R}return{comments:q,pragmas:F}}function S({comments:N="",pragmas:m={}}){let k=`
 `,F="/**",q=" *",$=" */",R=Object.keys(m),H=R.map(X=>L(X,m[X])).reduce((X,ne)=>X.concat(ne),[]).map(X=>`${q} ${X}${k}`).join("");if(!N){if(R.length===0)return"";if(R.length===1&&!Array.isArray(m[R[0]])){let X=m[R[0]];return`${F} ${L(R[0],X)[0]}${$}`}}let U=N.split(k).map(X=>`${q} ${X}`).join(k)+k;return F+k+(N?U:"")+(N&&R.length?q+k:"")+H+$}function L(N,m){return g.concat(m).map(k=>`@${N} ${k}`.trim())}}),BP={};UT(BP,{parsers:()=>HT});var HT={};UT(HT,{typescript:()=>roe});var xse=AP(Dse(),1);function vse(t,r){let n=new SyntaxError(t+" ("+r.loc.start.line+":"+r.loc.start.column+")");return Object.assign(n,r)}var Tse=vse;function Sse(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 Cse=Sse,OP=AP(bse(),1);function Ase(t){if(!t.startsWith("#!"))return"";let r=t.indexOf(`
 `);return r===-1?t:t.slice(0,r)}var Ese=Ase;function wse(t){let r=Ese(t);r&&(t=t.slice(r.length+1));let n=(0,OP.extract)(t),{pragmas:a,comments:s}=(0,OP.parseWithComments)(n);return{shebang:r,text:t,pragmas:a,comments:s}}function kse(t){let{pragmas:r}=wse(t);return Object.prototype.hasOwnProperty.call(r,"prettier")||Object.prototype.hasOwnProperty.call(r,"format")}function Fse(t){return Array.isArray(t)&&t.length>0}var LP=Fse;function ao(t){var r;let n=t.range?t.range[0]:t.start,a=((r=t.declaration)==null?void 0:r.decorators)??t.decorators;return LP(a)?Math.min(ao(a[0]),n):n}function tc(t){return t.range?t.range[1]:t.end}function Pse(t){return t=typeof t=="function"?{parse:t}:t,{astFormat:"estree",hasPragma:kse,locStart:ao,locEnd:tc,...t}}var Nse=Pse;function Ise(t){return t.charAt(0)==="#"&&t.charAt(1)==="!"?"//"+t.slice(2):t}var Bse=Ise,Ose=(t,r,n)=>{if(!(t&&r==null))return Array.isArray(r)||typeof r=="string"?r[n<0?r.length+n:n]:r.at(n)},MP=Ose;function Lse(t){return t=new Set(t),r=>t.has(r==null?void 0:r.type)}var Mse=Lse,jse=Mse(["Block","CommentBlock","MultiLine"]),GT=jse;function Rse(t){return GT(t)&&t.value[0]==="*"&&/@(?:type|satisfies)\b/.test(t.value)}var $se=Rse;function Jse(t){let r=`*${t.value}*`.split(`
-`);return r.length>1&&r.every(n=>n.trimStart()[0]==="*")}var jP=Jse,Th=null;function Sh(t){if(Th!==null&&typeof Th.property){let r=Th;return Th=Sh.prototype=null,r}return Th=Sh.prototype=t??Object.create(null),new Sh}var qse=10;for(let t=0;t<=qse;t++)Sh();function Use(t){return Sh(t)}function zse(t,r="type"){Use(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 Kse=zse,Wse={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","assertions","exported"],ExportDefaultDeclaration:["declaration"],ExportNamedDeclaration:["declaration","specifiers","source","attributes","assertions"],ExportSpecifier:["local","exported"],ForOfStatement:["left","right","body"],ImportDeclaration:["specifiers","source","attributes","assertions"],ImportDefaultSpecifier:["local"],ImportNamespaceSpecifier:["local"],ImportSpecifier:["local","imported"],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"],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"],ImportExpression:["source","attributes"],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"],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"],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:[]},Vse=Kse(Wse),Hse=Vse;function XT(t,r){if(!(t!==null&&typeof t=="object"))return t;if(Array.isArray(t)){for(let a=0;a<t.length;a++)t[a]=XT(t[a],r);return t}let n=Hse(t);for(let a=0;a<n.length;a++)t[n[a]]=XT(t[n[a]],r);return r(t)||t}var YT=XT;function Gse(t,r){let{parser:n,text:a}=r;if(t.type==="File"&&t.program.interpreter){let{program:{interpreter:u},comments:_}=t;delete t.program.interpreter,_.unshift(u)}if(n==="babel"){let u=new Set;t=YT(t,_=>{var f;(f=_.leadingComments)!=null&&f.some($se)&&u.add(ao(_))}),t=YT(t,_=>{if(_.type==="ParenthesizedExpression"){let{expression:f}=_;if(f.type==="TypeCastExpression")return f.range=_.range,f;let v=ao(_);if(!u.has(v))return f.extra={...f.extra,parenthesized:!0},f}})}if(t=YT(t,u=>{switch(u.type){case"LogicalExpression":if(RP(u))return QT(u);break;case"VariableDeclaration":{let _=MP(!1,u.declarations,-1);_!=null&&_.init&&s(u,_);break}case"TSParenthesizedType":return u.typeAnnotation;case"TSTypeParameter":if(typeof u.name=="string"){let _=ao(u);u.name={type:"Identifier",name:u.name,range:[_,_+u.name.length]}}break;case"TopicReference":t.extra={...t.extra,__isUsingHackPipeline:!0};break;case"ExportAllDeclaration":{let{exported:_}=u;if(n==="meriyah"&&(_==null?void 0:_.type)==="Identifier"){let f=a.slice(ao(_),tc(_));(f.startsWith('"')||f.startsWith("'"))&&(u.exported={...u.exported,type:"Literal",value:u.exported.name,raw:f})}break}case"TSUnionType":case"TSIntersectionType":if(u.types.length===1)return u.types[0];break}}),LP(t.comments)){let u=MP(!1,t.comments,-1);for(let _=t.comments.length-2;_>=0;_--){let f=t.comments[_];tc(f)===ao(u)&&GT(f)&&GT(u)&&jP(f)&&jP(u)&&(t.comments.splice(_+1,1),f.value+="*//*"+u.value,f.range=[ao(f),tc(u)]),u=f}}return t.type==="Program"&&(t.range=[0,a.length]),t;function s(u,_){a[tc(_)]!==";"&&(u.range=[ao(u),tc(_)])}}function RP(t){return t.type==="LogicalExpression"&&t.right.type==="LogicalExpression"&&t.operator===t.right.operator}function QT(t){return RP(t)?QT({type:"LogicalExpression",operator:t.operator,left:QT({type:"LogicalExpression",operator:t.operator,left:t.left,right:t.right.left,range:[ao(t.left),tc(t.right.left)]}),right:t.right.right,range:[ao(t),tc(t)]}):t}var Xse=Gse,ZT={loc:!0,range:!0,comment:!0,tokens:!0,loggerFn:!1,project:[],suppressDeprecatedPropertyWarnings:!0};function Yse(t){let{message:r,location:n}=t;if(!n)return t;let{start:a,end:s}=n;return Tse(r,{loc:{start:{line:a.line,column:a.column+1},end:{line:s.line,column:s.column+1}},cause:t})}var Qse=t=>/\.(?:js|mjs|cjs|jsx|ts|mts|cts|tsx)$/i.test(t);function Zse(t,r){let n=r==null?void 0:r.filepath;if(n&&Qse(n))return[{...ZT,filePath:n}];let a=toe(t);return[{...ZT,jsx:a},{...ZT,jsx:!a}]}function eoe(t,r){let n=Bse(t),a=Zse(t,r),s;try{s=Cse(a.map(u=>()=>(0,xse.parse)(n,u)))}catch({errors:[u]}){throw Yse(u)}return Xse(s,{text:t})}function toe(t){return new RegExp(["(?:^[^\"'`]*</)","|","(?:^[^/]{2}.*/>)"].join(""),"m").test(t)}var roe=Nse(eoe),noe=BP,ioe=Object.freeze({__proto__:null,default:noe,parsers:HT});const aoe={js:"babel",jsx:"babel",mjs:"babel",cjs:"babel",ts:"typescript",tsx:"typescript",css:"css",html:"html",json:"json",json5:"json5",md:"markdown",markdown:"markdown"},soe=[dU,WH,NQ,cre,ioe,zae];onmessage=async({data:t})=>{const{fileExtension:r,fileText:n,fileId:a}=t,s=aoe[r];if(!s){postMessage({fileId:a,error:`Unsupported file extension for Prettier: ${r}`});return}try{const u=await dv(n,{parser:s,plugins:soe});postMessage({fileId:a,fileTextPrettified:u})}catch(u){postMessage({fileId:a,error:u})}}})();
+`);return r.length>1&&r.every(n=>n.trimStart()[0]==="*")}var jP=Jse,Th=null;function Sh(t){if(Th!==null&&typeof Th.property){let r=Th;return Th=Sh.prototype=null,r}return Th=Sh.prototype=t??Object.create(null),new Sh}var qse=10;for(let t=0;t<=qse;t++)Sh();function Use(t){return Sh(t)}function zse(t,r="type"){Use(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 Kse=zse,Wse={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","assertions","exported"],ExportDefaultDeclaration:["declaration"],ExportNamedDeclaration:["declaration","specifiers","source","attributes","assertions"],ExportSpecifier:["local","exported"],ForOfStatement:["left","right","body"],ImportDeclaration:["specifiers","source","attributes","assertions"],ImportDefaultSpecifier:["local"],ImportNamespaceSpecifier:["local"],ImportSpecifier:["local","imported"],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"],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"],ImportExpression:["source","attributes"],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"],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"],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:[]},Vse=Kse(Wse),Hse=Vse;function XT(t,r){if(!(t!==null&&typeof t=="object"))return t;if(Array.isArray(t)){for(let a=0;a<t.length;a++)t[a]=XT(t[a],r);return t}let n=Hse(t);for(let a=0;a<n.length;a++)t[n[a]]=XT(t[n[a]],r);return r(t)||t}var YT=XT;function Gse(t,r){let{parser:n,text:a}=r;if(t.type==="File"&&t.program.interpreter){let{program:{interpreter:u},comments:_}=t;delete t.program.interpreter,_.unshift(u)}if(n==="babel"){let u=new Set;t=YT(t,_=>{var f;(f=_.leadingComments)!=null&&f.some($se)&&u.add(ao(_))}),t=YT(t,_=>{if(_.type==="ParenthesizedExpression"){let{expression:f}=_;if(f.type==="TypeCastExpression")return f.range=_.range,f;let v=ao(_);if(!u.has(v))return f.extra={...f.extra,parenthesized:!0},f}})}if(t=YT(t,u=>{switch(u.type){case"LogicalExpression":if(RP(u))return QT(u);break;case"VariableDeclaration":{let _=MP(!1,u.declarations,-1);_!=null&&_.init&&s(u,_);break}case"TSParenthesizedType":return u.typeAnnotation;case"TSTypeParameter":if(typeof u.name=="string"){let _=ao(u);u.name={type:"Identifier",name:u.name,range:[_,_+u.name.length]}}break;case"TopicReference":t.extra={...t.extra,__isUsingHackPipeline:!0};break;case"ExportAllDeclaration":{let{exported:_}=u;if(n==="meriyah"&&(_==null?void 0:_.type)==="Identifier"){let f=a.slice(ao(_),tc(_));(f.startsWith('"')||f.startsWith("'"))&&(u.exported={...u.exported,type:"Literal",value:u.exported.name,raw:f})}break}case"TSUnionType":case"TSIntersectionType":if(u.types.length===1)return u.types[0];break}}),LP(t.comments)){let u=MP(!1,t.comments,-1);for(let _=t.comments.length-2;_>=0;_--){let f=t.comments[_];tc(f)===ao(u)&&GT(f)&&GT(u)&&jP(f)&&jP(u)&&(t.comments.splice(_+1,1),f.value+="*//*"+u.value,f.range=[ao(f),tc(u)]),u=f}}return t.type==="Program"&&(t.range=[0,a.length]),t;function s(u,_){a[tc(_)]!==";"&&(u.range=[ao(u),tc(_)])}}function RP(t){return t.type==="LogicalExpression"&&t.right.type==="LogicalExpression"&&t.operator===t.right.operator}function QT(t){return RP(t)?QT({type:"LogicalExpression",operator:t.operator,left:QT({type:"LogicalExpression",operator:t.operator,left:t.left,right:t.right.left,range:[ao(t.left),tc(t.right.left)]}),right:t.right.right,range:[ao(t),tc(t)]}):t}var Xse=Gse,ZT={loc:!0,range:!0,comment:!0,tokens:!0,loggerFn:!1,project:[],suppressDeprecatedPropertyWarnings:!0};function Yse(t){let{message:r,location:n}=t;if(!n)return t;let{start:a,end:s}=n;return Tse(r,{loc:{start:{line:a.line,column:a.column+1},end:{line:s.line,column:s.column+1}},cause:t})}var Qse=t=>/\.(?:js|mjs|cjs|jsx|ts|mts|cts|tsx)$/i.test(t);function Zse(t,r){let n=r==null?void 0:r.filepath;if(n&&Qse(n))return[{...ZT,filePath:n}];let a=toe(t);return[{...ZT,jsx:a},{...ZT,jsx:!a}]}function eoe(t,r){let n=Bse(t),a=Zse(t,r),s;try{s=Cse(a.map(u=>()=>(0,xse.parse)(n,u)))}catch({errors:[u]}){throw Yse(u)}return Xse(s,{text:t})}function toe(t){return new RegExp(["(?:^[^\"'`]*</)","|","(?:^[^/]{2}.*/>)"].join(""),"m").test(t)}var roe=Nse(eoe),noe=BP,ioe=Object.freeze({__proto__:null,default:noe,parsers:HT});const aoe={js:"babel",jsx:"babel",mjs:"babel",cjs:"babel",ts:"typescript",tsx:"typescript",css:"css",html:"html",json:"json",json5:"json5",md:"markdown",markdown:"markdown"},soe=[dU,WH,NQ,cre,ioe,zae];onmessage=async({data:t})=>{const{fileExtension:r,fileText:n,fileId:a}=t,s=aoe[r];if(!s){postMessage({fileId:a,error:`Unsupported file extension for Prettier: ${r}`});return}try{const u=await dv(n,{parser:s,plugins:soe});postMessage({fileId:a,fileTextPrettified:u})}catch(u){postMessage({fileId:a,error:u.toString()})}}})();

package/dist/index.html

@@ -28,8 +28,8 @@
       href="https://unpkg.com/bootstrap@5.3.0/dist/css/bootstrap.min.css"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-37015623.js"></script>
-    <link rel="stylesheet" href="/assets/index-1547f7b8.css">
+    <script type="module" crossorigin src="/assets/index-9c8bbae0.js"></script>
+    <link rel="stylesheet" href="/assets/index-cf19de3b.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vzcode",
-  "version": "0.21.0",
+  "version": "0.24.0",
   "description": "Multiplayer code editor system",
   "main": "index.js",
   "type": "module",
@@ -49,12 +49,20 @@
     "@codemirror/lang-css": "^6.2.1",
     "@codemirror/lang-html": "^6.4.6",
     "@codemirror/lang-javascript": "^6.2.1",
-    "@codemirror/lang-markdown": "^6.2.1",
-    "@codemirror/state": "^6.2.1",
+    "@codemirror/lang-markdown": "^6.2.2",
+    "@codemirror/state": "^6.3.1",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.21.3",
     "@replit/codemirror-interact": "^6.3.0",
     "@teamwork/websocket-json-stream": "^2.0.0",
-    "@uiw/codemirror-themes-all": "^4.21.18",
+    "@uiw/codemirror-theme-abcdef": "^4.21.20",
+    "@uiw/codemirror-theme-dracula": "^4.21.20",
+    "@uiw/codemirror-theme-eclipse": "^4.21.20",
+    "@uiw/codemirror-theme-github": "^4.21.20",
+    "@uiw/codemirror-theme-material": "^4.21.20",
+    "@uiw/codemirror-theme-nord": "^4.21.20",
+    "@uiw/codemirror-theme-okaidia": "^4.21.20",
+    "@uiw/codemirror-theme-xcode": "^4.21.20",
     "codemirror": "^6.0.1",
     "codemirror-ot": "^4.1.0",
     "d3-array": "^3.2.4",
@@ -64,23 +72,22 @@
     "json0-ot-diff": "^1.1.2",
     "ngrok": "^4.3.3",
     "open": "^9.1.0",
+    "ot-json1": "^1.0.2",
     "react": "^18.2.0",
     "react-bootstrap": "^2.9.0",
     "react-dom": "^18.2.0",
-    "react-select": "^5.7.5",
-    "sharedb": "^4.0.1",
+    "sharedb": "^4.1.1",
     "sharedb-client-browser": "^4.3.1",
-    "ot-json1": "^1.0.2",
     "ws": "^8.14.2"
   },
   "devDependencies": {
-    "@types/react": "^18.2.23",
-    "@types/react-dom": "^18.2.8",
+    "@types/react": "^18.2.29",
+    "@types/react-dom": "^18.2.14",
     "@vitejs/plugin-react": "^4.1.0",
     "prettier": "^3.0.3",
-    "sass": "^1.68.0",
+    "sass": "^1.69.4",
     "typescript": "^5.2.2",
-    "vite": "^4.4.9",
-    "vitest": "^0.34.5"
+    "vite": "^4.5.0",
+    "vitest": "^0.34.6"
   }
 }

package/src/client/App.tsx

@@ -3,6 +3,7 @@ import {
   useEffect,
   useCallback,
   useRef,
+  useReducer,
 } from 'react';
 import ShareDBClient from 'sharedb-client-browser/dist/sharedb-client-umd.cjs';
 import { json1Presence } from '../ot';
@@ -29,7 +30,9 @@ import PrettierWorker from './usePrettier/worker?worker';
 import { SplitPaneResizeProvider } from './SplitPaneResizeContext';
 import { Resizer } from './Resizer';
 import { PresenceNotifications } from './PresenceNotifications';
+import { reducer } from './reducer';
 import './style.scss';
+import { PrettierErrorOverlay } from './PrettierErrorOverlay';
 
 // Instantiate the Prettier worker.
 const prettierWorker = new PrettierWorker();
@@ -71,7 +74,13 @@ function App() {
   );
 
   // Auto-run Pretter after local changes.
-  usePrettier(shareDBDoc, submitOperation, prettierWorker);
+  const { prettierError } = usePrettier(
+    shareDBDoc,
+    submitOperation,
+    prettierWorker,
+  );
+
+  console.log('prettierError', prettierError);
 
   // Local ShareDB presence, for broadcasting our cursor position
   // so other clients can see it.
@@ -146,20 +155,69 @@ function App() {
 
   // The id of the currently open file tab.
   // TODO make this a URL param
-  const [activeFileId, setActiveFileId] =
-    useState<FileId | null>(null);
+  // Migrated to useReducer
+  //const [activeFileId, setActiveFileId] =
+  //useState<FileId | null>(null);
 
   // The ordered list of tabs.
   // TODO make this a URL param
-  const [tabList, setTabList] = useState<Array<FileId>>([]);
+  // https://react.dev/reference/react/useReducer
+  // const [tabList, setTabList] = useState<Array<FileId>>([]);
+  const [state, dispatch] = useReducer(reducer, {
+    submitOperation,
+    tabList: [],
+    // activeFileId: null,
+    // theme: defaultTheme,
+    // isSettingsOpen:false
+  });
+
+  //Reducer states
+  const tabList = state.tabList;
+  const activeFileId = state.activeFileId;
+  // TODO phase this out as we complete the refactoring
+  // It's here now for backwards compatibility
+  const setTabList = (tabList) => {
+    dispatch({
+      type: 'set_tab_list',
+      tabList,
+    });
+  };
+
+  const setActiveFileId = (activeFileId) => {
+    dispatch({
+      type: 'set_active_fileId',
+      activeFileId,
+    });
+  };
+  const openTab = (fileId: FileId) => {
+    dispatch({
+      type: 'open_tab',
+      fileId,
+    });
+  };
 
-  // Logic for opening and closing tabs.
-  const { closeTab, openTab } = useTabsState(
+  const closeTab = (fileIdToRemove: FileId) => {
+    dispatch({
+      type: 'close_tab',
+      fileIdToRemove,
+    });
+  };
+
+  const multiCloseTab = (idsToDelete: Array<FileId>) => {
+    dispatch({
+      type: 'multi_close_tab',
+      idsToDelete,
+    });
+  };
+
+  // Logic for opening and closing tabs. Migrated to useReducer
+  /*
+  const {} = useTabsState(
     activeFileId,
     setActiveFileId,
     tabList,
     setTabList,
-  );
+  ); */
 
   // The current theme.
   // TODO persist this in local storage
@@ -218,21 +276,48 @@ function App() {
 
   const deleteFile = useCallback(
     (fileId: FileId) => {
-      closeTab(fileId);
       submitOperation((document) => {
         const updatedFiles = { ...document.files };
         delete updatedFiles[fileId];
         return { ...document, files: updatedFiles };
       });
+      closeTab(fileId);
     },
     [submitOperation, closeTab],
   );
 
-  const handleDeleteFileClick = useCallback(
-    (fileId: FileId) => {
-      deleteFile(fileId);
+  const deleteDirectory = useCallback(
+    (path: FileId) => {
+      let tabsToDelete: Array<FileId> = [];
+      submitOperation((document) => {
+        const updatedFiles = { ...document.files };
+        for (const key in updatedFiles) {
+          if (updatedFiles[key].name.includes(path)) {
+            tabsToDelete.push(key);
+            delete updatedFiles[key];
+          }
+        }
+        return { ...document, files: updatedFiles };
+      });
+      multiCloseTab(tabsToDelete);
     },
-    [deleteFile],
+    [submitOperation, multiCloseTab],
+  );
+
+  const handleDeleteClick = useCallback(
+    (key: string) => {
+      //Regex to identify if the key is a file path or a file id.
+      if (/^[0-9]*$/.test(key)) {
+        if (key.length == 8) {
+          deleteFile(key);
+        } else {
+          deleteDirectory(key);
+        }
+      } else {
+        deleteDirectory(key);
+      }
+    },
+    [deleteFile, deleteDirectory],
   );
 
   const handleSettingsClose = useCallback(() => {
@@ -276,7 +361,7 @@ function App() {
             createFile={createFile}
             files={files}
             handleRenameFileClick={handleRenameFileClick}
-            handleDeleteFileClick={handleDeleteFileClick}
+            handleDeleteFileClick={handleDeleteClick}
             handleFileClick={openTab}
             setIsSettingsOpen={setIsSettingsOpen}
             isDirectoryOpen={isDirectoryOpen}
@@ -308,6 +393,9 @@ function App() {
               editorCache={editorCache}
             />
           ) : null}
+          <PrettierErrorOverlay
+            prettierError={prettierError}
+          />
           <PresenceNotifications
             docPresence={docPresence}
           />

package/src/client/CodeEditor/getOrCreateEditor.ts

@@ -16,7 +16,11 @@ import {
 } from '../../types';
 import { json1PresenceBroadcast } from './json1PresenceBroadcast';
 import { json1PresenceDisplay } from './json1PresenceDisplay';
-import { widgets } from './widgets';
+import {
+  colorsInTextPlugin,
+  highlightWidgets,
+  widgets,
+} from './widgets';
 import {
   EditorCache,
   EditorCacheValue,
@@ -127,6 +131,8 @@ export const getOrCreateEditor = ({
       json1PresenceDisplay({ path: textPath, docPresence }),
     );
 
+  extensions.push(colorsInTextPlugin);
+
   // This is the "basic setup" for CodeMirror,
   // which actually adds a ton on functionality.
   // TODO vet this functionality, and determine how much
@@ -184,6 +190,8 @@ export const getOrCreateEditor = ({
   // See https://github.com/replit/codemirror-interact/issues/14
   extensions.push(widgets({ onInteract }));
 
+  extensions.push(highlightWidgets);
+
   const editor = new EditorView({
     state: EditorState.create({
       doc: text,

package/src/client/CodeEditor/index.tsx

@@ -1,5 +1,9 @@
-import { useRef, useLayoutEffect } from 'react';
-import { FileId } from '../../types';
+import { useRef, useLayoutEffect, useContext } from 'react';
+import {
+  FileId,
+  ShareDBDoc,
+  VZCodeContent,
+} from '../../types';
 import { ThemeLabel, defaultTheme } from '../themes';
 import {
   EditorCache,
@@ -7,6 +11,7 @@ import {
 } from '../useEditorCache';
 import { getOrCreateEditor } from './getOrCreateEditor';
 import './style.scss';
+// import { usePrettier } from '../usePrettier';
 
 export const CodeEditor = ({
   activeFileId,
@@ -19,7 +24,7 @@ export const CodeEditor = ({
   editorCache,
 }: {
   activeFileId: FileId;
-  shareDBDoc: any;
+  shareDBDoc: ShareDBDoc<VZCodeContent> | null;
   localPresence?: any;
   docPresence?: any;
   theme?: ThemeLabel;
@@ -31,7 +36,6 @@ export const CodeEditor = ({
   editorCache: EditorCache;
 }) => {
   const ref = useRef<HTMLDivElement>(null);
-
   // Every time the active file switches from one file to another,
   // the editor corresponding to the old file is removed from the DOM,
   // and the editor corresponding to the new file is added to the DOM.
@@ -65,5 +69,5 @@ export const CodeEditor = ({
     };
   }, [shareDBDoc, activeFileId]);
 
-  return <div className="vz-code-editor" ref={ref} />;
+  return <div className="vz-code-editor" ref={ref}></div>;
 };