vzcode 0.71.0 → 0.73.0

package/src/client/VZSidebar/styles.scss

@@ -131,18 +131,20 @@
     display: flex;
     justify-content: space-between;
     padding: 10px;
-  }
+    font-size: 12px;
 
-  .connection {
-    display: flex;
-    gap: 6px;
-    align-items: center;
-  }
+    .connection-status-indicator {
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+
+      &.connected {
+        background-color: var(--vh-color-success-01);
+      }
 
-  .saved {
-    width: 16px;
-    height: 16px;
-    border-radius: 99px;
-    background-color: #34eb52;
+      &.disconnected {
+        background-color: var(--vh-color-warning-01);
+      }
+    }
   }
 }

package/src/client/useFileCRUD.ts

@@ -54,7 +54,13 @@ export const useFileCRUD = ({
           ...document.files,
           [fileId]: {
             ...document.files[fileId],
-            name: newName,
+            name:
+              document.files[fileId].name.substring(
+                0,
+                document.files[fileId].name.lastIndexOf(
+                  '/',
+                ) + 1,
+              ) + newName,
           },
         },
       }));
@@ -62,6 +68,40 @@ export const useFileCRUD = ({
     [submitOperation],
   );
 
+  // Renames a directory
+  const renameDirectory = useCallback(
+    (
+      path: FileTreePath,
+      oldName: string,
+      newName: string,
+    ) => {
+      submitOperation((document: VZCodeContent) => {
+        const updatedFiles = Object.keys(
+          document.files,
+        ).reduce((acc, key) => {
+          const file = document.files[key];
+          const fileName = file.name;
+          if (fileName.includes(path)) {
+            const oldNamePos = fileName.indexOf(oldName);
+            const fileNewName =
+              fileName.substring(0, oldNamePos) +
+              newName +
+              fileName.substring(
+                oldNamePos + oldName.length,
+              );
+            acc[key] = { ...file, name: fileNewName };
+          } else {
+            acc[key] = file;
+          }
+          return acc;
+        }, {});
+
+        return { ...document, files: updatedFiles };
+      });
+    },
+    [submitOperation],
+  );
+
   // Deletes a file
   const deleteFile = useCallback(
     (fileId: FileId) => {
@@ -98,6 +138,7 @@ export const useFileCRUD = ({
     createFile,
     renameFile,
     deleteFile,
+    renameDirectory,
     deleteDirectory,
   };
 };

package/src/client/useTypeScript/worker.ts

@@ -16,7 +16,7 @@ const debug = false;
 // to support TypeScript completions on non-TS files.
 const getTSFileName = (fileName: string) => {
   if (fileName.endsWith('.js')) {
-    return fileName.replace('.js', '.ts');
+    return fileName.replace('.js', '.tsx');
   }
   if (fileName.endsWith('.jsx')) {
     return fileName.replace('.jsx', '.tsx');
@@ -38,6 +38,21 @@ const initializeFileSystem = async () => {
   }
   const compilerOptions: ts.CompilerOptions = {
     lib: ['dom', 'esnext'],
+
+    // Disable warnings around "Any type".
+    noImplicitAny: false,
+
+    // Disable warnings around "Implicit any in parameter".
+    noImplicitThis: false,
+
+    // Allow JavaScript files to be processed
+    allowJs: true,
+
+    // Disable type checking for JavaScript files
+    // checkJs: false,
+
+    // Skip type checking of declaration files
+    skipLibCheck: true,
   };
 
   // `true` breaks in a Web Worker because
@@ -219,39 +234,46 @@ onmessage = async ({ data }) => {
 
       // Be less aggressive for non-TS files,
       // e.g. files that end in .js or .jsx.
-      if (!isTS(fileName)) {
-        // This code is for errors like:
-        // "Binding element 'data' implicitly has an 'any' type."
-        const LINT_ERROR_CODE_ANY = 7031;
-
-        // This code is for errors like:
-        // "Parameter 'selection' implicitly has an 'any' type.""
-        const LINT_ERROR_CODE_ANY_PARAM = 7006;
-
-        // This code is for errors like:
-        // "Cannot find module 'd3' or its corresponding type declarations."
-        const LINT_ERROR_CODE_IMPORT = 2307;
-
-        // This code is for errors like:
-        // "Variable 'mic' implicitly has type 'any' in some locations where its type cannot be determined."
-        const LINT_ERROR_CODE_ANY_TYPE = 7034;
-
-        // "Element implicitly has an 'any' type because expression
-        // of type '"test"' can't be used to index type '{}'."
-        const LINT_ERROR_CODE_ANY_TYPE_KEYS = 7053;
-
-        if (debug) {
-          console.log(tsErrors);
-        }
-        tsErrors = tsErrors.filter(
-          (error: { code: number }) =>
-            error.code !== LINT_ERROR_CODE_ANY &&
-            error.code !== LINT_ERROR_CODE_IMPORT &&
-            error.code !== LINT_ERROR_CODE_ANY_PARAM &&
-            error.code !== LINT_ERROR_CODE_ANY_TYPE &&
-            error.code !== LINT_ERROR_CODE_ANY_TYPE_KEYS,
-        );
+      // if (!isTS(fileName)) {
+      // This code is for errors like:
+      // "Binding element 'data' implicitly has an 'any' type."
+      const LINT_ERROR_CODE_ANY = 7031;
+
+      // This code is for errors like:
+      // "Parameter 'selection' implicitly has an 'any' type.""
+      const LINT_ERROR_CODE_ANY_PARAM = 7006;
+
+      // This code is for errors like:
+      // "Cannot find module 'd3' or its corresponding type declarations."
+      const LINT_ERROR_CODE_IMPORT = 2307;
+
+      // This code is for errors like:
+      // "Variable 'mic' implicitly has type 'any' in some locations where its type cannot be determined."
+      const LINT_ERROR_CODE_ANY_TYPE = 7034;
+
+      // "Element implicitly has an 'any' type because expression
+      // of type '"test"' can't be used to index type '{}'."
+      const LINT_ERROR_CODE_ANY_TYPE_KEYS = 7053;
+
+      // "Property 'id' does not exist on type { ... }"
+      // Happens on objects with dynamic keys.
+      // Not valid in TypeScript, but common in JavaScript.
+      const LINT_ERROR_CODE_NON_EXISTENT_PROPERTY = 2339;
+
+      if (debug) {
+        console.log(tsErrors);
       }
+      tsErrors = tsErrors.filter(
+        (error: { code: number }) =>
+          error.code !== LINT_ERROR_CODE_ANY &&
+          error.code !== LINT_ERROR_CODE_IMPORT &&
+          error.code !== LINT_ERROR_CODE_ANY_PARAM &&
+          error.code !== LINT_ERROR_CODE_ANY_TYPE &&
+          error.code !== LINT_ERROR_CODE_ANY_TYPE_KEYS &&
+          error.code !==
+            LINT_ERROR_CODE_NON_EXISTENT_PROPERTY,
+      );
+      // }
       tsErrors = convertToCodeMirrorDiagnostic(tsErrors);
     }