vzcode 0.3.0 → 0.5.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.
Files changed (29) hide show
  1. package/README.md +26 -0
  2. package/dist/assets/index-29b6a606.css +1 -0
  3. package/dist/assets/{index-4694dca8.js → index-523ecad7.js} +30 -30
  4. package/dist/index.html +2 -2
  5. package/package.json +15 -6
  6. package/src/{App.jsx → client/App.jsx} +31 -81
  7. package/src/client/Sidebar/Directory.jsx +62 -0
  8. package/src/client/Sidebar/DirectoryArrowSVG.jsx +5 -0
  9. package/src/client/Sidebar/File.jsx +32 -0
  10. package/src/client/Sidebar/FileOrDirectory.jsx +33 -0
  11. package/src/client/Sidebar/Item.jsx +43 -0
  12. package/src/client/Sidebar/index.jsx +64 -0
  13. package/src/client/Sidebar/styles.css +88 -0
  14. package/src/client/Sidebar/useOpenDirectories.js +39 -0
  15. package/src/{diff.js → client/diff.js} +1 -1
  16. package/src/client/featureFlags.js +3 -0
  17. package/src/client/getFileTree.js +49 -0
  18. package/src/{getOrCreateEditor.js → client/getOrCreateEditor.js} +1 -2
  19. package/src/{json1PresenceDisplay.js → client/json1PresenceDisplay.js} +0 -1
  20. package/src/{settings.jsx → client/settings.jsx} +1 -1
  21. package/src/client/sortFileTree.js +15 -0
  22. package/src/{style.css → client/style.css} +0 -87
  23. package/src/server/computeInitialDocument.js +69 -0
  24. package/src/server/featureFlags.js +4 -0
  25. package/{cli.js → src/server/index.js} +25 -29
  26. package/dist/assets/index-58524f84.css +0 -1
  27. /package/src/{CodeEditor.jsx → client/CodeEditor.jsx} +0 -0
  28. /package/src/{json1PresenceBroadcast.js → client/json1PresenceBroadcast.js} +0 -0
  29. /package/src/{main.jsx → client/main.jsx} +0 -0
package/README.md CHANGED
@@ -48,6 +48,32 @@ This can be done introducing a new npm script and dependency like this:
48
48
 
49
49
  Then run `npm run edit` to start the editor.
50
50
 
51
+ # Host Server With Ngrok
52
+
53
+ How to host your VZCode session with Ngrok. Hosting with Ngrok will allow users that are not on your network to join your session.
54
+
55
+ ## Host With Ngrok Globally Installed
56
+
57
+ - Warning - This will only work if you have an Ngrok account and your machine is authenticated
58
+
59
+ To host Ngrok, first set up a VZcode instance by moving into your directory, then in the terminal run
60
+
61
+ ```bash
62
+ vzcode
63
+ ```
64
+
65
+ Next while the local host session is running, in the terminal run
66
+
67
+ ```bash
68
+ ngrok http 3030
69
+ ```
70
+
71
+ This will give you a link that can be shared to collaborators who then can join from anywhere.
72
+
73
+ ## Host With Ngrok Through VZCode
74
+
75
+ Coming Soon
76
+
51
77
  ### Staging Site Editor
52
78
 
53
79
  [Experimental idea]
package/dist/assets/index-29b6a606.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css";@import"https://unpkg.com/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css";.vz-sidebar{position:fixed;top:0;left:0;height:100%;width:200px;background:rgb(54,65,89)}.vz-sidebar .full-box{padding:7px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.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 .settings{position:absolute;bottom:0;height:30px;width:180px;z-index:100;color:#dbdde1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:14px 0;margin:10px;border-radius:5px}.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}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px;height:20px}::-webkit-scrollbar-track{background:rgb(41,44,52)}::-webkit-scrollbar-thumb{background:rgb(37,37,38)}::-webkit-scrollbar-thumb:hover{background:#555}:root{--main-font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace}body{background:rgb(41,44,52);font-family:Poppins,sans-serif;overflow-x:hidden}.tab{width:max-content;height:30px;background:rgb(45,45,45);text-align:center;color:#fff;font-family:var(--main-font-family);justify-content:center;align-items:center;display:flex;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}.tab.active{background-color:#292c34}.tab-close{display:flex;cursor:pointer;margin-left:5px;justify-content:center;align-items:center}.tab-close:hover{border-radius:30%;background-color:#252526}.editor{position:relative;margin-left:200px;width:100%;height:100%;top:30px;bottom:0;background-color:#292c34;color:#fff;font-family:var(--main-font-family)}.tab-list{position:fixed;display:flex;flex-direction:row;top:0;left:200px;height:35px;width:100%;background:rgb(37,37,38);z-index:100;transition:all .5s ease}.bottom-bar{position:absolute;bottom:0;left:0;height:20px;width:100%;background:rgb(45,45,45);z-index:100;transition:all .5s ease}.themes{color:#252526}