@colyseus/monitor 0.15.2 → 0.15.3-preview.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.
Files changed (10) hide show
  1. package/build/static/build/frontend/App.d.ts +2 -2
  2. package/build/static/build/frontend/components/CAppBar.d.ts +1 -1
  3. package/build/static/build/frontend/components/RoomInspect.d.ts +4 -1
  4. package/build/static/build/frontend/components/RoomList.d.ts +4 -1
  5. package/build/static/bundle.js +249 -13
  6. package/build/static/bundle.js.map +1 -1
  7. package/build/static/styles.css +137 -0
  8. package/build/static/styles.css.map +1 -1
  9. package/package.json +14 -8
  10. package/webpack.config.js +2 -1
package/build/static/styles.css CHANGED
@@ -1,3 +1,140 @@
1
+ .json-view {
2
+ display: block;
3
+ color: #4d4d4d;
4
+ --json-property: #009033;
5
+ --json-index: #676dff;
6
+ --json-number: #676dff;
7
+ --json-string: #b2762e;
8
+ --json-boolean: #dc155e;
9
+ --json-null: #dc155e;
10
+ }
11
+ .json-view .json-view--property {
12
+ color: var(--json-property);
13
+ }
14
+ .json-view .json-view--index {
15
+ color: var(--json-index);
16
+ }
17
+ .json-view .json-view--number {
18
+ color: var(--json-number);
19
+ }
20
+ .json-view .json-view--string {
21
+ color: var(--json-string);
22
+ }
23
+ .json-view .json-view--boolean {
24
+ color: var(--json-boolean);
25
+ }
26
+ .json-view .json-view--null {
27
+ color: var(--json-null);
28
+ }
29
+
30
+ .json-view .jv-indent {
31
+ padding-left: 1em;
32
+ }
33
+ .json-view .jv-chevron {
34
+ display: inline-block;
35
+ vertical-align: -20%;
36
+ cursor: pointer;
37
+ opacity: 0.4;
38
+ width: 1em;
39
+ height: 1em;
40
+ }
41
+ :is(.json-view .jv-chevron:hover, .json-view .jv-size:hover + .jv-chevron) {
42
+ opacity: 0.8;
43
+ }
44
+ .json-view .jv-size {
45
+ cursor: pointer;
46
+ opacity: 0.4;
47
+ font-size: 0.875em;
48
+ font-style: italic;
49
+ margin-left: 0.5em;
50
+ vertical-align: -5%;
51
+ line-height: 1;
52
+ }
53
+
54
+ .json-view :is(.json-view--copy, .json-view--edit) {
55
+ display: none;
56
+ width: 1em;
57
+ height: 1em;
58
+ margin-left: 0.25em;
59
+ cursor: pointer;
60
+ }
61
+
62
+ .json-view .json-view--input {
63
+ width: 120px;
64
+ margin-left: 0.25em;
65
+ border-radius: 4px;
66
+ border: 1px solid currentColor;
67
+ padding: 0px 4px;
68
+ font-size: 87.5%;
69
+ line-height: 1.25;
70
+ background: transparent;
71
+ }
72
+ .json-view .json-view--deleting {
73
+ outline: 1px solid #da0000;
74
+ background-color: #da000011;
75
+ text-decoration-line: line-through;
76
+ }
77
+
78
+ :is(.json-view:hover, .json-view--pair:hover) > :is(.json-view--copy, .json-view--edit) {
79
+ display: inline-block;
80
+ }
81
+
82
+ .json-view .jv-button {
83
+ background: transparent;
84
+ outline: none;
85
+ border: none;
86
+ cursor: pointer;
87
+ }
88
+ .json-view .cursor-pointer {
89
+ cursor: pointer;
90
+ }
91
+
92
+ /* Themes */
93
+ .json-view_a11y {
94
+ color: #545454;
95
+ --json-property: #aa5d00;
96
+ --json-index: #007299;
97
+ --json-number: #007299;
98
+ --json-string: #008000;
99
+ --json-boolean: #d91e18;
100
+ --json-null: #d91e18;
101
+ }
102
+ .json-view_github {
103
+ color: #005cc5;
104
+ --json-property: #005cc5;
105
+ --json-index: #005cc5;
106
+ --json-number: #005cc5;
107
+ --json-string: #032f62;
108
+ --json-boolean: #005cc5;
109
+ --json-null: #005cc5;
110
+ }
111
+ .json-view_vscode {
112
+ color: #005cc5;
113
+ --json-property: #0451a5;
114
+ --json-index: #0000ff;
115
+ --json-number: #0000ff;
116
+ --json-string: #a31515;
117
+ --json-boolean: #0000ff;
118
+ --json-null: #0000ff;
119
+ }
120
+ .json-view_atom {
121
+ color: #383a42;
122
+ --json-property: #e45649;
123
+ --json-index: #986801;
124
+ --json-number: #986801;
125
+ --json-string: #50a14f;
126
+ --json-boolean: #0184bc;
127
+ --json-null: #0184bc;
128
+ }
129
+ .json-view_winter-is-coming {
130
+ color: #0431fa;
131
+ --json-property: #3a9685;
132
+ --json-index: #ae408b;
133
+ --json-number: #ae408b;
134
+ --json-string: #8123a9;
135
+ --json-boolean: #0184bc;
136
+ --json-null: #0184bc;
137
+ }
1
138
  html, body {
2
139
  margin: 0;
3
140
  padding: 0;
package/build/static/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css","sources":[],"mappings":";;;A","sourceRoot":""}
1
+ {"version":3,"file":"styles.css","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colyseus/monitor",
3
- "version": "0.15.2",
3
+ "version": "0.15.3-preview.1",
4
4
  "description": "Web Monitoring Panel for Colyseus",
5
5
  "input": "./src/index.ts",
6
6
  "main": "./build/index.js",
@@ -30,22 +30,28 @@
30
30
  },
31
31
  "homepage": "https://github.com/colyseus/colyseus#readme",
32
32
  "devDependencies": {
33
- "@colyseus/core": "^0.15.0-preview.2",
34
- "@types/material-ui": "^0.21.1",
33
+ "@colyseus/core": "^0.15.0",
34
+ "@colyseus/playground": "^0.15.7",
35
+ "@emotion/react": "^11.11.1",
36
+ "@emotion/styled": "^11.11.0",
37
+ "@fontsource/roboto": "^5.0.8",
38
+ "@mui/icons-material": "^5.14.18",
39
+ "@mui/lab": "^5.0.0-alpha.153",
40
+ "@mui/material": "^5.14.18",
41
+ "@mui/x-data-grid": "^6.18.2",
35
42
  "@types/node-os-utils": "^1.1.0",
36
- "@types/react": "^16.3.9",
43
+ "@types/react": "^18.2.38",
37
44
  "@types/react-router-dom": "^4.2.6",
38
45
  "@types/superagent": "^3.5.8",
39
46
  "css-loader": "^0.28.11",
40
47
  "extract-text-webpack-plugin": "^4.0.0-beta.0",
41
48
  "file-loader": "^1.1.11",
42
49
  "html-webpack-plugin": "^3.2.0",
43
- "material-ui": "^0.20.0",
44
- "react": "^16.3.1",
45
- "react-dom": "^16.3.1",
50
+ "react": "^18.2.0",
51
+ "react-dom": "^18.2.0",
46
52
  "react-json-edit": "^0.3.1",
47
- "react-json-view": "^1.16.1",
48
53
  "react-router-dom": "^4.2.2",
54
+ "react18-json-view": "^0.2.6",
49
55
  "style-loader": "^0.20.3",
50
56
  "ts-loader": "^4.2.0",
51
57
  "typescript": "^4.9.5",
package/webpack.config.js CHANGED
@@ -28,6 +28,7 @@ module.exports = function(options) {
28
28
  { test: /\.tsx?$/, loader: "ts-loader" },
29
29
  { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) },
30
30
  { test: /\.(woff|woff2|eot|ttf|svg)$/, loader: 'file-loader?limit=1024&name=[name].[ext]' },
31
+ { test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto' },
31
32
  ]
32
33
  },
33
34
 
@@ -43,4 +44,4 @@ module.exports = function(options) {
43
44
  }
44
45
 
45
46
  }
46
- };
47
+ };