vzcode 0.0.5 → 0.1.1

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.
@@ -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";*{margin:0;padding:0;box-sizing:border-box}: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}.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:fixed;margin-left:200px;width:100%;height:100%;top:30px;bottom:0;background-color:#292c34;color:#fff;font-family:var(--main-font-family)}.tabList{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}.bottomBar{position:absolute;bottom:0;left:0;height:20px;width:100%;background:rgb(45,45,45);z-index:100;transition:all .5s ease}.sidebar{position:fixed;top:0;left:0;height:100%;width:200px;background:rgb(92,92,92);z-index:100;transition:all .5s ease}.sidebar.close{width:78px}.sidebar .nav-links{height:100%;padding:0 0 150px;overflow:auto}.sidebar.close .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{position:relative;list-style:none;transition:all .4s ease}.sidebar .nav-links li:hover{background:rgb(92,92,92)}.sidebar .nav-links li .icon-link{display:flex;align-items:center;justify-content:space-between}.sidebar.close .nav-links li .icon-link{display:block}.sidebar .nav-links li i{height:50px;min-width:78px;text-align:center;line-height:50px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.sidebar .nav-links li.showMenu i.arrow{transform:rotate(-180deg)}.sidebar.close .nav-links i.arrow{display:none}.sidebar .nav-links li a{display:flex;align-items:center;text-decoration:none}.sidebar .nav-links li a .link_name{font-size:18px;font-weight:400;color:#fff;transition:all .4s ease}.sidebar.close .nav-links li a .link_name{opacity:0;pointer-events:none}.sidebar .nav-links li .sub-menu{padding:6px 6px 14px 80px;margin-top:-10px;background:rgb(92,92,92);display:none}.sidebar .nav-links li.showMenu .sub-menu{display:block}.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;padding:5px 0;white-space:nowrap;opacity:.6;transition:all .3s ease;cursor:pointer;user-select:none}.sidebar .nav-links li .sub-menu a:hover{opacity:1}.sidebar.close .nav-links li .sub-menu{position:absolute;left:100%;top:-10px;margin-top:0;padding:10px 20px;border-radius:0 6px 6px 0;opacity:0;display:block;pointer-events:none;transition:0s}.sidebar.close .nav-links li:hover .sub-menu{top:0;opacity:1;pointer-events:auto;transition:all .4s ease}.sidebar .nav-links li .sub-menu .link_name{display:none}.sidebar.close .nav-links li .sub-menu .link_name{font-size:18px;opacity:1;display:block}.sidebar .nav-links li .sub-menu.blank{opacity:1;pointer-events:auto;padding:3px 20px 6px 16px;opacity:0;pointer-events:none}.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%)}.sidebar .profile-details{position:fixed;bottom:0;width:200px;display:flex;align-items:center;justify-content:space-between;background:rgb(92,92,92);padding:12px 0;transition:all .5s ease}.sidebar.close .profile-details{background:none}.sidebar.close .profile-details{width:78px}.sidebar .profile-details .profile-content{display:flex;align-items:center}.sidebar .profile-details img{height:52px;width:52px;object-fit:cover;border-radius:16px;margin:0 14px 0 12px;background:rgb(92,92,92);transition:all .5s ease}.sidebar.close .profile-details img{padding:10px}.sidebar .profile-details .profile_name,.sidebar .profile-details .job{color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.sidebar .profile-details .job{font-size:12px}.sidebar.close~.home-section{left:78px;width:calc(100% - 78px)}
package/dist/index.html CHANGED
@@ -5,8 +5,8 @@
5
5
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <title>Vite + React</title>
8
- <script type="module" crossorigin src="/assets/index-6112ced9.js"></script>
9
- <link rel="stylesheet" href="/assets/index-480eb572.css">
8
+ <script type="module" crossorigin src="/assets/index-012a23a1.js"></script>
9
+ <link rel="stylesheet" href="/assets/index-0b6fa7f4.css">
10
10
  </head>
11
11
  <body>
12
12
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vzcode",
3
- "version": "0.0.5",
3
+ "version": "0.1.1",
4
4
  "description": "Multiplayer code editor system",
5
5
  "main": "index.js",
6
6
  "type": "module",
@@ -11,7 +11,7 @@
11
11
  "scripts": {
12
12
  "test": "cd test; node ../cli.js",
13
13
  "prettier": "prettier {*.*,**/*.*} --single-quote --write",
14
- "dev": "vite; node ./cli.js",
14
+ "dev": "vite",
15
15
  "build": "vite build",
16
16
  "preview": "vite preview",
17
17
  "prepublishOnly": "npm run build"
@@ -39,30 +39,30 @@
39
39
  "homepage": "https://github.com/vizhub-core/vzcode#readme",
40
40
  "dependencies": {
41
41
  "@codemirror/lang-css": "^6.0.2",
42
- "@codemirror/lang-html": "^6.4.1",
43
- "@codemirror/lang-javascript": "^6.1.3",
44
- "@codemirror/lang-markdown": "^6.0.5",
42
+ "@codemirror/lang-html": "^6.4.2",
43
+ "@codemirror/lang-javascript": "^6.1.4",
44
+ "@codemirror/lang-markdown": "^6.1.0",
45
45
  "@codemirror/state": "^6.2.0",
46
- "@codemirror/theme-one-dark": "^6.1.0",
46
+ "@codemirror/theme-one-dark": "^6.1.1",
47
47
  "@teamwork/websocket-json-stream": "^2.0.0",
48
48
  "codemirror": "^6.0.1",
49
49
  "codemirror-ot": "^3.5.0",
50
+ "diff-match-patch": "^1.0.5",
50
51
  "express": "^4.18.2",
52
+ "json0-ot-diff": "^1.1.2",
51
53
  "ot-json1": "^1.0.2",
54
+ "ot-text-unicode": "^4.0.0",
52
55
  "react": "^18.2.0",
53
56
  "react-dom": "^18.2.0",
54
- "sharedb": "^3.2.1",
57
+ "sharedb": "^3.2.3",
55
58
  "sharedb-client-browser": "^2.2.49",
56
- "ws": "^8.12.0"
59
+ "ws": "^8.12.1"
57
60
  },
58
61
  "devDependencies": {
59
- "@rollup/plugin-commonjs": "^24.0.1",
60
- "@rollup/plugin-node-resolve": "^15.0.1",
61
- "@types/react": "^18.0.26",
62
- "@types/react-dom": "^18.0.9",
63
- "@vitejs/plugin-react": "^3.0.0",
64
- "prettier": "^2.8.3",
65
- "rollup-plugin-polyfill-node": "^0.12.0",
66
- "vite": "^4.0.0"
62
+ "@types/react": "^18.0.28",
63
+ "@types/react-dom": "^18.0.11",
64
+ "@vitejs/plugin-react": "^3.1.0",
65
+ "prettier": "^2.8.4",
66
+ "vite": "^4.1.3"
67
67
  }
68
68
  }
@@ -1 +0,0 @@
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";*{margin:0;padding:0;box-sizing:border-box}: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}.tab{width:max-content;height:30px;background:rgb(41,44,52);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}.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:fixed;margin-left:200px;width:100%;height:100%;top:30px;bottom:0;background-color:#292c34;color:#fff;font-family:var(--main-font-family)}.tabList{position:fixed;top:0;left:200px;height:30px;width:100%;background:rgb(37,37,38);z-index:100;transition:all .5s ease}.bottomBar{position:absolute;bottom:0;left:0;height:20px;width:100%;background:rgb(45,45,45);z-index:100;transition:all .5s ease}.sidebar{position:fixed;top:0;left:0;height:100%;width:200px;background:rgb(92,92,92);z-index:100;transition:all .5s ease}.sidebar.close{width:78px}.sidebar .nav-links{height:100%;padding:0 0 150px;overflow:auto}.sidebar.close .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{position:relative;list-style:none;transition:all .4s ease}.sidebar .nav-links li:hover{background:rgb(92,92,92)}.sidebar .nav-links li .icon-link{display:flex;align-items:center;justify-content:space-between}.sidebar.close .nav-links li .icon-link{display:block}.sidebar .nav-links li i{height:50px;min-width:78px;text-align:center;line-height:50px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.sidebar .nav-links li.showMenu i.arrow{transform:rotate(-180deg)}.sidebar.close .nav-links i.arrow{display:none}.sidebar .nav-links li a{display:flex;align-items:center;text-decoration:none}.sidebar .nav-links li a .link_name{font-size:18px;font-weight:400;color:#fff;transition:all .4s ease}.sidebar.close .nav-links li a .link_name{opacity:0;pointer-events:none}.sidebar .nav-links li .sub-menu{padding:6px 6px 14px 80px;margin-top:-10px;background:rgb(92,92,92);display:none}.sidebar .nav-links li.showMenu .sub-menu{display:block}.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;padding:5px 0;white-space:nowrap;opacity:.6;transition:all .3s ease;cursor:pointer}.sidebar .nav-links li .sub-menu a:hover{opacity:1}.sidebar.close .nav-links li .sub-menu{position:absolute;left:100%;top:-10px;margin-top:0;padding:10px 20px;border-radius:0 6px 6px 0;opacity:0;display:block;pointer-events:none;transition:0s}.sidebar.close .nav-links li:hover .sub-menu{top:0;opacity:1;pointer-events:auto;transition:all .4s ease}.sidebar .nav-links li .sub-menu .link_name{display:none}.sidebar.close .nav-links li .sub-menu .link_name{font-size:18px;opacity:1;display:block}.sidebar .nav-links li .sub-menu.blank{opacity:1;pointer-events:auto;padding:3px 20px 6px 16px;opacity:0;pointer-events:none}.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%)}.sidebar .profile-details{position:fixed;bottom:0;width:200px;display:flex;align-items:center;justify-content:space-between;background:rgb(92,92,92);padding:12px 0;transition:all .5s ease}.sidebar.close .profile-details{background:none}.sidebar.close .profile-details{width:78px}.sidebar .profile-details .profile-content{display:flex;align-items:center}.sidebar .profile-details img{height:52px;width:52px;object-fit:cover;border-radius:16px;margin:0 14px 0 12px;background:rgb(92,92,92);transition:all .5s ease}.sidebar.close .profile-details img{padding:10px}.sidebar .profile-details .profile_name,.sidebar .profile-details .job{color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.sidebar .profile-details .job{font-size:12px}.sidebar.close~.home-section{left:78px;width:calc(100% - 78px)}