Skip to content

Commit 72400af

Browse files
thomasnordquistthomasnordquist
committed
Merge branch 'master' into HEAD
2 parents 64e807b + f8f1ddf commit 72400af

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+6520
-8954
lines changed

‎.npmrc‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
engine-strict=true

‎app/index.html‎

Lines changed: 191 additions & 175 deletions
Original file line numberDiff line numberDiff line change
@@ -1,181 +1,197 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
6-
<title>MQTT Explorer</title>
7-
<script src="./bugtracking.bundle.js"></script>
8-
9-
<style>
10-
body,
11-
html {
12-
margin: 0;
13-
padding: 0;
14-
}
15-
16-
[tabindex] {
17-
outline: none;
18-
}
19-
20-
@keyframes updateDark {
21-
0% {
22-
background-color: none;
23-
}
24-
25% {
25-
background-color: #595585;
26-
}
27-
50% {
28-
background-color: #595585;
29-
}
30-
100% {
31-
background-color: none;
32-
}
33-
}
34-
35-
@keyframes updateLight {
36-
0% {
37-
background-color: none;
38-
color: inherit;
39-
}
40-
25% {
41-
background-color: #c0c8c0;
42-
}
43-
50% {
44-
background-color: #c0c8c0;
45-
}
46-
100% {
47-
background-color: none;
48-
color: inherit;
49-
}
50-
}
51-
52-
::-webkit-scrollbar {
53-
width: 8px;
54-
height: 8px;
55-
}
56-
57-
::-webkit-scrollbar-corner {
58-
background-color: rgba(0, 0, 0, 0);
59-
}
60-
61-
::-webkit-scrollbar-track {
62-
-webkit-box-shadow: inset 0 0 6px rgba(60, 60, 60, 0.5);
63-
background-color: rgba(140, 140, 140, 0.1);
64-
}
65-
66-
::-webkit-scrollbar-thumb {
67-
background-color: rgba(140, 140, 140, 0.8);
68-
}
69-
</style>
70-
<style>
71-
.Resizer {
72-
background: rgba(200, 200, 200, 0);
73-
z-index: 10;
74-
-moz-box-sizing: border-box;
75-
-webkit-box-sizing: border-box;
76-
box-sizing: border-box;
77-
-moz-background-clip: padding;
78-
-webkit-background-clip: padding;
79-
background-clip: padding-box;
80-
}
81-
82-
.Resizer:hover {
83-
-webkit-transition: all 0.3s ease-out;
84-
transition: all 0.3s ease-out;
85-
}
86-
87-
.Resizer.horizontal {
88-
height: 10px;
89-
margin: -10px 0 0 0;
90-
border-top: 5px solid rgba(255, 255, 255, 0);
91-
border-bottom: 5px solid rgba(255, 255, 255, 0);
92-
cursor: row-resize;
93-
width: 100%;
94-
}
953

96-
.Resizer.horizontal::before {
97-
content: '•••';
98-
display: inline-block;
99-
vertical-align: middle;
100-
text-align: center;
101-
width: 100%;
102-
margin-top: -22px;
103-
color: #aaa;
104-
opacity: 1;
105-
}
106-
107-
.Resizer.horizontal:hover {
108-
border-top: 5px solid rgba(120, 120, 120, 0.3);
109-
border-bottom: 5px solid rgba(120, 120, 120, 0.3);
110-
}
111-
112-
.Resizer.vertical {
113-
width: 2px;
114-
margin: 0px -8px 0px 0px;
115-
border-left: 0px solid rgba(128, 128, 128, 0);
116-
border-right: 8px solid rgba(128, 128, 128, 0);
117-
cursor: col-resize;
118-
}
119-
120-
.Resizer.vertical::before {
121-
content: '•••';
122-
margin-left: -11px;
123-
height: 3em;
124-
margin-top: calc(50vh - 32px);
125-
display: inline-block;
126-
vertical-align: middle;
127-
text-align: center;
128-
color: #aaa;
129-
opacity: 1;
130-
writing-mode: vertical-lr;
131-
text-orientation: sideways;
132-
}
133-
134-
.Resizer.vertical:hover {
135-
border-left: 0px solid rgba(130, 130, 130, 0.3);
136-
border-right: 8px solid rgba(140, 140, 140, 0.3);
137-
}
138-
139-
.Resizer.disabled {
140-
cursor: not-allowed;
141-
}
142-
.Resizer.disabled:hover {
143-
border-color: transparent;
144-
}
145-
146-
.example-enter {
147-
opacity: 0;
148-
}
149-
.example-enter-active {
150-
opacity: 1;
151-
transition: opacity 300ms ease-in;
152-
}
153-
.example-exit {
154-
opacity: 1;
155-
}
156-
.example-exit-active {
157-
opacity: 0;
158-
transition: opacity 300ms ease-in;
159-
}
160-
</style>
161-
</head>
162-
<body>
163-
<div id="app" style="font: -webkit-control;"></div>
164-
<script>
165-
function loadScript(path) {
166-
var script = document.createElement('script')
167-
script.src = path
168-
document.head.appendChild(script)
169-
}
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
7+
<title>MQTT Explorer</title>
8+
<script src="./bugtracking.bundle.js"></script>
1709

171-
document.addEventListener('DOMContentLoaded', onLoad(), false)
172-
function onLoad() {
173-
// <% _.forEach(htmlWebpackPlugin.files.js, function(file) { %>loadScript("<%- file %>");<% }); %>
174-
// loadScript("<%= JSON.stringify(htmlWebpackPlugin) %>")
175-
}
176-
</script>
177-
<% _.forEach(htmlWebpackPlugin.files.js, function(file) { %>
10+
<style>
11+
body,
12+
html {
13+
margin: 0;
14+
padding: 0;
15+
}
16+
17+
[tabindex] {
18+
outline: none;
19+
}
20+
21+
@keyframes updateDark {
22+
0% {
23+
background-color: none;
24+
}
25+
26+
25% {
27+
background-color: #595585;
28+
}
29+
30+
50% {
31+
background-color: #595585;
32+
}
33+
34+
100% {
35+
background-color: none;
36+
}
37+
}
38+
39+
@keyframes updateLight {
40+
0% {
41+
background-color: none;
42+
color: inherit;
43+
}
44+
45+
25% {
46+
background-color: #c0c8c0;
47+
}
48+
49+
50% {
50+
background-color: #c0c8c0;
51+
}
52+
53+
100% {
54+
background-color: none;
55+
color: inherit;
56+
}
57+
}
58+
59+
::-webkit-scrollbar {
60+
width: 8px;
61+
height: 8px;
62+
}
63+
64+
::-webkit-scrollbar-corner {
65+
background-color: rgba(0, 0, 0, 0);
66+
}
67+
68+
::-webkit-scrollbar-track {
69+
-webkit-box-shadow: inset 0 0 6px rgba(60, 60, 60, 0.5);
70+
background-color: rgba(140, 140, 140, 0.1);
71+
}
72+
73+
::-webkit-scrollbar-thumb {
74+
background-color: rgba(140, 140, 140, 0.8);
75+
}
76+
</style>
77+
<style>
78+
.Resizer {
79+
background: rgba(200, 200, 200, 0);
80+
z-index: 10;
81+
-moz-box-sizing: border-box;
82+
-webkit-box-sizing: border-box;
83+
box-sizing: border-box;
84+
-moz-background-clip: padding;
85+
-webkit-background-clip: padding;
86+
background-clip: padding-box;
87+
}
88+
89+
.Resizer:hover {
90+
-webkit-transition: all 0.3s ease-out;
91+
transition: all 0.3s ease-out;
92+
}
93+
94+
.Resizer.horizontal {
95+
height: 10px;
96+
margin: -10px 0 0 0;
97+
border-top: 5px solid rgba(255, 255, 255, 0);
98+
border-bottom: 5px solid rgba(255, 255, 255, 0);
99+
cursor: row-resize;
100+
width: 100%;
101+
}
102+
103+
.Resizer.horizontal::before {
104+
content: '•••';
105+
display: inline-block;
106+
vertical-align: middle;
107+
text-align: center;
108+
width: 100%;
109+
margin-top: -22px;
110+
color: #aaa;
111+
opacity: 1;
112+
}
113+
114+
.Resizer.horizontal:hover {
115+
border-top: 5px solid rgba(120, 120, 120, 0.3);
116+
border-bottom: 5px solid rgba(120, 120, 120, 0.3);
117+
}
118+
119+
.Resizer.vertical {
120+
width: 2px;
121+
margin: 0px -8px 0px 0px;
122+
border-left: 0px solid rgba(128, 128, 128, 0);
123+
border-right: 8px solid rgba(128, 128, 128, 0);
124+
cursor: col-resize;
125+
}
126+
127+
.Resizer.vertical::before {
128+
content: '•••';
129+
margin-left: -11px;
130+
height: 3em;
131+
margin-top: calc(50vh - 32px);
132+
display: inline-block;
133+
vertical-align: middle;
134+
text-align: center;
135+
color: #aaa;
136+
opacity: 1;
137+
writing-mode: vertical-lr;
138+
text-orientation: sideways;
139+
}
140+
141+
.Resizer.vertical:hover {
142+
border-left: 0px solid rgba(130, 130, 130, 0.3);
143+
border-right: 8px solid rgba(140, 140, 140, 0.3);
144+
}
145+
146+
.Resizer.disabled {
147+
cursor: not-allowed;
148+
}
149+
150+
.Resizer.disabled:hover {
151+
border-color: transparent;
152+
}
153+
154+
.example-enter {
155+
opacity: 0;
156+
}
157+
158+
.example-enter-active {
159+
opacity: 1;
160+
transition: opacity 300ms ease-in;
161+
}
162+
163+
.example-exit {
164+
opacity: 1;
165+
}
166+
167+
.example-exit-active {
168+
opacity: 0;
169+
transition: opacity 300ms ease-in;
170+
}
171+
</style>
172+
<script>
173+
global = globalThis //<- this should be enough
174+
</script>
175+
</head>
176+
177+
<body>
178+
<div id="app" style="font: -webkit-control;"></div>
179+
<script>
180+
function loadScript(path) {
181+
var script = document.createElement('script')
182+
script.src = path
183+
document.head.appendChild(script)
184+
}
185+
186+
document.addEventListener('DOMContentLoaded', onLoad(), false)
187+
function onLoad() {
188+
// <% _.forEach(htmlWebpackPlugin.files.js, function(file) { %>loadScript("<%- file %>");<% }); %>
189+
// loadScript("<%= JSON.stringify(htmlWebpackPlugin) %>")
190+
}
191+
</script>
192+
<% _.forEach(htmlWebpackPlugin.files.js, function(file) { %>
178193
<script src="<%- file %>"></script>
179194
<% }); %>
180-
</body>
181-
</html>
195+
</body>
196+
197+
</html>

0 commit comments

Comments
 (0)