vzcode 0.6.0 → 0.8.0

package/dist/assets/index-8bac68c9.css

@@ -1 +0,0 @@
-.vz-sidebar{height:100%;width:200px;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}:root{--vzcode-font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgb(41,44,52)}::-webkit-scrollbar-thumb{background:rgb(37,37,38)}::-webkit-scrollbar-thumb:hover{background:#555}html,body,#root,.app{height:100%}.app{background-color:#292c34;font-family:Poppins,sans-serif;display:flex}.app .left{display:flex}.app .right{display:flex;flex:1;flex-direction:column;min-width:0}.app .right .tab-list{display:flex;background-color:#252526}.app .right .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}.app .right .tab-list .tab .tab-close{margin-left:5px}.app .right .tab-list .tab .tab-close:hover{border-radius:30%;background-color:#252526}.app .right .tab-list .tab.active{background-color:#292c34}.app .right .editor{flex:1;display:flex;font-family:var(--vzcode-font-family);overflow-x:auto}.themes{color:#252526}

package/src/client/CodeEditor.jsx

@@ -1,31 +0,0 @@
-import { useRef, useLayoutEffect } from 'react';
-import { getOrCreateEditor } from './getOrCreateEditor';
-
-export const CodeEditor = ({
-  activeFileId,
-  shareDBDoc,
-  localPresence,
-  docPresence,
-  theme,
-}) => {
-  const ref = useRef();
-
-  // useEffect was buggy in that sometimes ref.current was undefined.
-  // useLayoutEffect seems to solve that issue.
-  useLayoutEffect(() => {
-    const editor = getOrCreateEditor({
-      fileId: activeFileId,
-      shareDBDoc,
-      localPresence,
-      docPresence,
-      theme,
-    });
-    ref.current.appendChild(editor.dom);
-
-    return () => {
-      ref.current.removeChild(editor.dom);
-    };
-  }, [shareDBDoc, activeFileId]);
-
-  return <div className="editor" ref={ref} />;
-};

package/src/client/getOrCreateEditor.js

@@ -1,85 +0,0 @@
-import { EditorView, basicSetup } from 'codemirror';
-import { Compartment, EditorState } from '@codemirror/state';
-import { javascript } from '@codemirror/lang-javascript';
-import { markdown } from '@codemirror/lang-markdown';
-import { html } from '@codemirror/lang-html';
-import { css } from '@codemirror/lang-css';
-import { json1Sync } from 'codemirror-ot';
-import { json1Presence, textUnicode } from '../ot';
-import { json1PresenceBroadcast } from './json1PresenceBroadcast';
-import { json1PresenceDisplay } from './json1PresenceDisplay';
-
-// Singleton cache of CodeMirror instances
-// These are created, but never destroyed.
-// TODO consider invalidating this cache at some point.
-//  * Keys are file ids
-//  * Values are CodeMirror instances
-const editorCache = new Map();
-
-// Gets or creates a CodeMirror editor for the given file id.
-export const getOrCreateEditor = ({
-  fileId,
-  shareDBDoc,
-  localPresence,
-  docPresence,
-  theme
-}) => {
-  const data = shareDBDoc.data;
-
-  const fileExtension = data[fileId].name.split('.').pop();
-
-  // The path for this file in the ShareDB document.
-  const path = [fileId, 'text'];
-
-  let themeSet = new Compartment();
-
-  const extensions = [
-    // This plugin implements multiplayer editing,
-    // real-time synchronozation of changes across clients.
-    // Does not deal with showing others' cursors.
-    json1Sync({
-      shareDBDoc,
-      path,
-      json1: json1Presence,
-      textUnicode,
-    }),
-
-    // Deals with broadcasting changes in cursor location and selection.
-    json1PresenceBroadcast({ path, localPresence }),
-
-    // Deals with receiving the broadcas from other clients and displaying them.
-    json1PresenceDisplay({ path, docPresence }),
-
-    basicSetup,
-    themeSet.of(theme),
-  ];
-
-  if (
-    fileExtension === 'js' ||
-    fileExtension === 'json' ||
-    fileExtension == 'jsx' ||
-    fileExtension == 'ts'
-  ) {
-    extensions.push(javascript());
-  } else if (fileExtension === 'html') {
-    extensions.push(html());
-  } else if (fileExtension === 'css') {
-    extensions.push(css());
-  } else if (fileExtension === 'md') {
-    extensions.push(markdown());
-  }
-
-  let editor = editorCache.get(fileId);
-  if (!editor) {
-    editor = new EditorView({
-      state: EditorState.create({
-        doc: data[fileId].text,
-        extensions,
-      }),
-    });
-
-    // Populate the cache.
-    editorCache.set(fileId, editor);
-  }
-  return editor;
-};