vzcode 0.25.0 → 0.27.0

package/dist/assets/index-cf19de3b.css

@@ -1 +0,0 @@
-.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/src/client/PrettierErrorOverlay/index.tsx

@@ -1,9 +0,0 @@
-import './style.scss';
-
-export const PrettierErrorOverlay = ({ prettierError }) => {
-  return prettierError !== null ? (
-    <pre className="prettier-error-overlay">
-      {prettierError}
-    </pre>
-  ) : null;
-};

package/src/client/PrettierErrorOverlay/style.scss

@@ -1,9 +0,0 @@
-.prettier-error-overlay {
-  color: rgb(255, 53, 53);
-  background-color: rgba(0, 0, 0, 0.6);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-}

package/src/client/Sidebar/Item.tsx

@@ -1,130 +0,0 @@
-import { useState, useCallback, useMemo } from 'react';
-import { ConfirmationBox } from './ConfirmationBox';
-
-export const Item = ({
-  name,
-  children,
-  handleClick,
-  handleRenameClick,
-  handleDeleteClick,
-  isDir,
-}) => {
-  // Tracks whether the mouse is hovering over the file or directory
-  const [isHovered, setIsHovered] = useState(false);
-
-  // Tracks whether the file is being renamed (inline text input)
-  const [isRenaming, setIsRenaming] = useState(false);
-
-  // Tracks the value of the input field when renaming
-  const [renameValue, setRenameValue] = useState('');
-
-  const onKeyDown = useCallback((event) => {
-    if (event.key === 'Escape') {
-      setIsRenaming(false);
-    } else if (event.key === 'Enter') {
-      event.target.blur();
-    }
-  }, []);
-
-  const onBlur = useCallback(
-    (event: React.FocusEvent<HTMLInputElement>) => {
-      if (event.target.value.trim() === '') {
-        // setEditingValue(value);
-        console.log('TODO: handle empty rename');
-      } else {
-        setIsRenaming(false);
-        handleRenameClick(event.target.value);
-      }
-    },
-    [handleRenameClick],
-  );
-
-  const [showModal, setShowModal] = useState(false);
-
-  // Function to open the delete file confirmation modal
-  const handleModalOpen = useCallback(
-    (event: React.MouseEvent) => {
-      event.stopPropagation();
-      setShowModal(true);
-    },
-    [],
-  );
-
-  // Function to close the modal
-  const handleModalClose = useCallback(() => {
-    setShowModal(false);
-  }, []);
-
-  // Function to handle confirmation on modal
-  const handleConfirmModal = useCallback(
-    (event: React.MouseEvent) => {
-      event.stopPropagation();
-      setShowModal(false);
-      handleDeleteClick();
-    },
-    [handleDeleteClick],
-  );
-
-  const handleMouseEnter = useCallback(() => {
-    setIsHovered(true);
-  }, []);
-
-  const handleMouseLeave = useCallback(() => {
-    setIsHovered(false);
-  }, []);
-
-  const onChange = useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      setRenameValue(event.target.value);
-    },
-    [],
-  );
-
-  return (
-    <div
-      className="full-box file-or-directory"
-      onClick={isRenaming ? null : handleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      <div className="name">
-        {isRenaming ? (
-          <input
-            type="text"
-            aria-label="Field name"
-            value={renameValue}
-            onKeyDown={onKeyDown}
-            onBlur={onBlur}
-            onChange={onChange}
-          />
-        ) : (
-          children
-        )}
-      </div>
-      {isHovered ? (
-        <div className="utils">
-          <i
-            className="bx bxs-edit utilities"
-            style={{ color: '#abdafb' }}
-            onClick={(event: React.MouseEvent) => {
-              event.stopPropagation();
-              setIsRenaming(!isRenaming);
-              setRenameValue(isDir ? name : children);
-            }}
-          ></i>
-          <i
-            className="bx bx-trash"
-            style={{ color: '#eb336c' }}
-            onClick={handleModalOpen}
-          ></i>
-        </div>
-      ) : null}
-
-      <ConfirmationBox
-        show={showModal}
-        onClose={handleModalClose}
-        onConfirm={handleConfirmModal}
-      />
-    </div>
-  );
-};

package/src/client/reducer.ts

@@ -1,119 +0,0 @@
-import { FileId } from '../types';
-import { act } from 'react-dom/test-utils';
-
-export const reducer = (state, action) => {
-  switch (action.type) {
-    // TODO phase this out
-
-    // The ordered list of tabs.
-    // TODO make this a URL param
-    case 'set_tab_list': {
-      return { ...state, tabList: action.tabList };
-    }
-    // TODO make this a URL param
-    case 'set_active_fileId': {
-      return {
-        ...state,
-        activeFileId: action.activeFileId,
-      };
-    }
-    case 'open_tab': {
-      if (!state.tabList.includes(action.fileId)) {
-        return {
-          ...state,
-          activeFileId: action.fileId,
-          tabList: [...state.tabList, action.fileId],
-        };
-      } else {
-        return {
-          ...state,
-          activeFileId: action.fileId,
-        };
-      }
-    }
-    case 'close_tab': {
-      const i = state.tabList.findIndex(
-        (fileId) => fileId === action.fileIdToRemove,
-      );
-      if (i != -1) {
-        const newTabList = [
-          ...state.tabList.slice(0, i),
-          ...state.tabList.slice(i + 1),
-        ];
-        if (state.activeFileId === action.fileIdToRemove) {
-          // set the new active file to the next tab over,
-          if (newTabList.length > 0) {
-            return {
-              ...state,
-              activeFileId:
-                i === 0 ? newTabList[i] : newTabList[i - 1],
-              tabList: newTabList,
-            };
-          } else {
-            // or clear out the active file
-            // if we've closed the last tab.
-            return {
-              ...state,
-              activeFileId: null,
-              tabList: newTabList,
-            };
-          }
-        }
-        return {
-          ...state,
-          tabList: newTabList,
-        };
-      }
-      return {
-        ...state,
-      };
-    }
-    case 'multi_close_tab': {
-      let newTabList = [...state.tabList]; // Create a copy of the tabList array.
-      let newActiveFileId: FileId = state.activeFileId;
-      action.idsToDelete.forEach((id) => {
-        const i = newTabList.findIndex(
-          (fileId) => fileId === id,
-        );
-        if (i !== -1) {
-          // Remove the tab from the tab list.
-          newTabList = [
-            ...newTabList.slice(0, i),
-            ...newTabList.slice(i + 1),
-          ];
-          // If we are closing the active file,
-          if (newActiveFileId === id) {
-            // set the new active file to the next tab over,
-            if (newTabList.length > 0) {
-              newActiveFileId =
-                i === 0 ? newTabList[i] : newTabList[i - 1];
-            } else {
-              // or clear out the active file if we've closed the last tab.
-              newActiveFileId = null;
-            }
-          }
-        }
-      });
-      return {
-        ...state,
-        tabList: newTabList,
-        activeFileId: newActiveFileId,
-      };
-    }
-    // The current theme.
-    // TODO persist this in local storage
-    case 'set_Theme': {
-      return {
-        ...state,
-        theme: action.themeLabel,
-      };
-    }
-    case 'set_Is_Settings_Open': {
-      return {
-        ...state,
-        isSettingsOpen: action.value,
-      };
-    }
-  }
-  throw Error('Unknown action: ' + action.type);
-};