vzcode 0.5.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -5
- package/dist/assets/index-ccd52a89.css +1 -0
- package/dist/assets/index-d2d6b59b.js +89 -0
- package/dist/index.html +17 -3
- package/package.json +26 -21
- package/src/client/{App.jsx → App.tsx} +75 -120
- package/src/client/CodeEditor/getOrCreateEditor.ts +113 -0
- package/src/client/CodeEditor/index.tsx +50 -0
- package/src/client/{json1PresenceDisplay.js → CodeEditor/json1PresenceDisplay.js} +2 -2
- package/src/client/CodeEditor/style.scss +11 -0
- package/src/client/Settings.tsx +76 -0
- package/src/client/Sidebar/DirectoryListing.tsx +77 -0
- package/src/client/Sidebar/{File.jsx → FileListing.tsx} +14 -4
- package/src/client/Sidebar/Listing.tsx +44 -0
- package/src/client/Sidebar/index.tsx +81 -0
- package/src/client/Sidebar/styles.scss +84 -0
- package/src/client/TabList/index.tsx +82 -0
- package/src/client/TabList/style.scss +32 -0
- package/src/client/{getFileTree.js → getFileTree.ts} +6 -3
- package/src/client/main.jsx +1 -1
- package/src/client/{sortFileTree.js → sortFileTree.ts} +7 -3
- package/src/client/style.scss +49 -0
- package/src/client/themes.ts +31 -0
- package/src/client/{Sidebar/useOpenDirectories.js → useOpenDirectories.ts} +18 -14
- package/src/client/useTabsState.ts +51 -0
- package/src/server/index.js +0 -0
- package/src/types.ts +69 -0
- package/dist/assets/index-29b6a606.css +0 -1
- package/dist/assets/index-523ecad7.js +0 -89
- package/src/client/CodeEditor.jsx +0 -31
- package/src/client/Sidebar/Directory.jsx +0 -62
- package/src/client/Sidebar/FileOrDirectory.jsx +0 -33
- package/src/client/Sidebar/index.jsx +0 -64
- package/src/client/Sidebar/styles.css +0 -88
- package/src/client/getOrCreateEditor.js +0 -84
- package/src/client/settings.jsx +0 -141
- package/src/client/style.css +0 -120
- /package/src/client/{json1PresenceBroadcast.js → CodeEditor/json1PresenceBroadcast.js} +0 -0
package/README.md
CHANGED
|
@@ -4,6 +4,22 @@ Multiplayer code editor system | [Kanban](https://github.com/orgs/vizhub-core/pr
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## Development
|
|
8
|
+
|
|
9
|
+
To get set up locally, run:
|
|
10
|
+
|
|
11
|
+
```
|
|
12
|
+
cd vzcode
|
|
13
|
+
npm install
|
|
14
|
+
npm run test-interactive #This starts the server
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
Once the server is running, you can get hot reloading (of the client only) with:
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
npm run dev
|
|
21
|
+
```
|
|
22
|
+
|
|
7
23
|
## Features
|
|
8
24
|
|
|
9
25
|
This project is nascent but has enough features to actually use, a minimum viable product (MVP):
|
|
@@ -132,12 +148,12 @@ March 2023
|
|
|
132
148
|
- [x] UX for adding new files, renaming files, deleting files
|
|
133
149
|
- [x] Implement presence (the ability to see the cursors of others in real time)
|
|
134
150
|
- [x] Publish an early release to NPM
|
|
135
|
-
- [
|
|
151
|
+
- [x] Test out how it works using tunneling services such as NGrok
|
|
136
152
|
|
|
137
153
|
April 2023
|
|
138
154
|
|
|
139
|
-
- [
|
|
140
|
-
- [
|
|
155
|
+
- [x] Add support for nested directories, including:
|
|
156
|
+
- [x] Develop a tree-based sidebar UI allowing directory navigation
|
|
141
157
|
- [ ] Dogfood the product and try to collaboratively develop something, maybe a data visualization
|
|
142
158
|
- [ ] Gather feedback from early users and iterate based on that
|
|
143
159
|
- [ ] Publish a YouTube video presentation of the work to date
|
|
@@ -145,8 +161,7 @@ April 2023
|
|
|
145
161
|
## Team
|
|
146
162
|
|
|
147
163
|
- Curran Kelleher
|
|
148
|
-
-
|
|
149
|
-
- Additional external collaborators, TBD
|
|
164
|
+
- Anooj Pai from [RPI RCOS](https://rcos.io/)
|
|
150
165
|
- Contributions welcome!
|
|
151
166
|
|
|
152
167
|
## Spaces
|
|
@@ -0,0 +1 @@
|
|
|
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%;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}.vz-tab-list{display:flex;background-color:#252526}.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}.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}: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}
|