@jsenv/core 39.3.2 → 39.3.4

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.
@@ -4,15 +4,163 @@
4
4
  <title>Directory explorer</title>
5
5
  <meta charset="utf-8">
6
6
  <link rel="icon" href="data:,">
7
+ <style>
8
+ html, body, h1, div, p, ul, li, a, p, button {
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ border: 0;
12
+ margin: 0;
13
+ padding: 0;
14
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
15
+ }
16
+
17
+ .directory_nav {
18
+ margin: 20px 25px 15px;
19
+ font-size: 16px;
20
+ font-weight: bold;
21
+ display: flex;
22
+ }
23
+
24
+ .directory_nav_item {
25
+ text-decoration: none;
26
+ position: relative;
27
+ }
28
+
29
+ .directory_separator {
30
+ margin: 0 .3em;
31
+ }
32
+
33
+ .directory_separator:first-child {
34
+ margin-left: 0;
35
+ }
36
+
37
+ .directory_content {
38
+ border-radius: 3px;
39
+ margin: 10px 15px;
40
+ list-style-type: none;
41
+ }
42
+
43
+ .directory_child {
44
+ text-indent: 30px;
45
+ box-sizing: border-box;
46
+ background-position: 15px;
47
+ background-repeat: no-repeat;
48
+ background-size: 16px 16px;
49
+ min-height: 19px;
50
+ padding: 10px 15px;
51
+ font-size: 15px;
52
+ position: relative;
53
+ }
54
+
55
+ .directory_child:after {
56
+ content: " ";
57
+ display: block;
58
+ position: absolute;
59
+ bottom: 0;
60
+ left: 15px;
61
+ right: 0;
62
+ }
63
+
64
+ .directory_child:last-child {
65
+ border-bottom: none;
66
+ padding-bottom: 10px;
67
+ }
68
+
69
+ .directory_child:last-child:after {
70
+ content: none;
71
+ }
72
+
73
+ .directory_child[data-type="file"] {
74
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJBlWElmTU0AKgAAAAgABgEGAAMAAAABAAIAAAESAAMAAAABAAEAAAEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAIdpAAQAAAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAACCgAwAEAAAAAQAAACAAAAAAF9yy1AAAAAlwSFlzAAALEwAACxMBAJqcGAAAAgtpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPjI8L3RpZmY6UGhvdG9tZXRyaWNJbnRlcnByZXRhdGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6Q29tcHJlc3Npb24+MTwvdGlmZjpDb21wcmVzc2lvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cu3MPn8AAAK5SURBVFgJ5Vc7jhpBEG1+MyA7sGxpQWScZU/g1HLqi+wl9goOnKxvQkCKRIjEahJYloEB1+udZ9U01cPMBk48UvOqql9Vve4e2F7n/venY2xAZ71efx0Oh4/n8/kO85fLxdNCZG5RFPl+v/+VJMmP6XT6wngT7BqkJE3TR4nfdTpv+mKochMR8E14v+fz+QcVv2laAtJut+tXjsax5oyjg+yUEwFuNBrdTyaTpzYiLAE9FGWDJiJwNHmeu8Fg4OToWomwBEjP6taHgkJf3gEvoN/vO4w2IiwBqH+1A3U7gSM4Ho+u1+t5AW1EmALCHdC+tr1S+cAOnE4nJ+9OaxGmgHAHQj8UAR/nj/cgFCHfqPvxePy0WCw+UrBG63fg83a7fSYp/O5rHzbG4XBwm83GZVnmvxE4CgjCUZQvppPfiJ+z2ey71C1YG2gK2O12z2wEEm0LEeM7gGOAjx3BTuABljt2lJ34JKHKD1Xfs258oAALh4hUNJGtxip9JXDwEL3j3EAQhIoA8x1AQ44ymaswsVyhOcf8Eq/6XQWYEBZFPIzRr5vTHNbWaApgUoixRuBxxDi6qbZNAbeKhMK0r22rjm4O2xQQK6KTYxzEY3M6n7YpAJNWEcaYTN9CK8Y8jaaAWDLiHCxyiwseOczRaArQSUwOURcJ57SvbZ1D2xQQJlk+YyxE30LGyNVoCgCBSXXIORakbyFj5BJNASQ3QXDIQ1HaMWRjoimgSaG6BnVzbEyMCvhXIkwBXMF7RHBlVq6eo20K0MnaprA65Bwb0CcyTrQE4I/5BgSdRLsJksMm8OVugJpvFwVOCFoCiuVy+SAJGXi6GO0mCA55cmnNVqvVg5SrXMd8fXwETyr+l3IMBa1rW5BS62LVrzJwz8Q4yPj7WMURw9UJQvBfksWRcOMHArByNM5lVI7hD10h1EqG5mxPAAAAAElFTkSuQmCC);
75
+ }
76
+
77
+ .directory_child[data-type="dir"] {
78
+ background-image: url(data:image/png;base64,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);
79
+ }
80
+
81
+ .directory_child[data-type="dir"]:before {
82
+ content: " ";
83
+ border-top-right-radius: 1px;
84
+ width: 5px;
85
+ height: 5px;
86
+ display: block;
87
+ position: absolute;
88
+ top: 16px;
89
+ right: 15px;
90
+ transform: rotate(45deg);
91
+ }
92
+
93
+ .directory_child a {
94
+ text-decoration: none;
95
+ display: block;
96
+ }
97
+
98
+ body[data-theme="dark"] {
99
+ background: #121212;
100
+ }
101
+
102
+ body[data-theme="light"] {
103
+ background: #f1f1f1;
104
+ }
105
+
106
+ body[data-theme="dark"] .directory_nav_item {
107
+ color: #999;
108
+ }
109
+
110
+ body[data-theme="dark"] .directory_nav_item[data-current] {
111
+ color: #f1f1f1;
112
+ }
113
+
114
+ body[data-theme="light"] .directory_nav_item {
115
+ color: #000;
116
+ }
117
+
118
+ body[data-theme="dark"] .directory_separator {
119
+ color: #666;
120
+ }
121
+
122
+ body[data-theme="light"] .directory_separator {
123
+ color: #999;
124
+ }
125
+
126
+ body[data-theme="dark"] .directory_content {
127
+ background: #1e1e1e;
128
+ }
129
+
130
+ body[data-theme="light"] .directory_content {
131
+ background: #fefefe;
132
+ }
133
+
134
+ body[data-theme="dark"] .directory_child {
135
+ border-bottom: 1px solid #121212;
136
+ }
137
+
138
+ body[data-theme="light"] .directory_child {
139
+ border-bottom: 1px solid #f1f1f1;
140
+ }
141
+
142
+ body[data-theme="dark"] .directory_child[data-type="dir"]:before {
143
+ border-top: 2px solid #666;
144
+ border-right: 2px solid #666;
145
+ }
146
+
147
+ body[data-theme="light"] .directory_child[data-type="file"]:before {
148
+ border-top: 2px solid #999;
149
+ border-right: 2px solid #999;
150
+ }
151
+
152
+ body[data-theme="dark"] .directory_child a {
153
+ color: #fff;
154
+ }
155
+
156
+ body[data-theme="light"] .directory_child a {
157
+ color: #000;
158
+ }
159
+ </style>
7
160
  </head>
8
161
 
9
- <body>
10
- <h1>
11
- <a jsenv-ignore="" href="/${directoryRelativeUrl}">/${directoryRelativeUrl}</a>
12
- directory content:
13
- </h1>
14
- <ul>
15
- ${directoryContent}
16
- </ul>
162
+ <body data-theme="dark">
163
+ <h1 class="directory_nav">${directoryNav}</h1>
164
+ ${directoryContent}
17
165
  </body>
18
166
  </html>
@@ -4,16 +4,201 @@
4
4
  <title>404 ENOENT</title>
5
5
  <meta charset="utf-8">
6
6
  <link rel="icon" href="data:,">
7
+ <style>
8
+ html, body, h1, div, p, ul, li, a, p, button {
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ border: 0;
12
+ margin: 0;
13
+ padding: 0;
14
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
15
+ }
16
+
17
+ .directory_nav {
18
+ margin: 20px 25px 15px;
19
+ font-size: 16px;
20
+ font-weight: bold;
21
+ display: flex;
22
+ }
23
+
24
+ .directory_nav_item {
25
+ text-decoration: none;
26
+ position: relative;
27
+ }
28
+
29
+ .directory_separator {
30
+ margin: 0 .3em;
31
+ }
32
+
33
+ .directory_separator:first-child {
34
+ margin-left: 0;
35
+ }
36
+
37
+ .directory_content {
38
+ border-radius: 3px;
39
+ margin: 10px 15px;
40
+ list-style-type: none;
41
+ }
42
+
43
+ .directory_child {
44
+ text-indent: 30px;
45
+ box-sizing: border-box;
46
+ background-position: 15px;
47
+ background-repeat: no-repeat;
48
+ background-size: 16px 16px;
49
+ min-height: 19px;
50
+ padding: 10px 15px;
51
+ font-size: 15px;
52
+ position: relative;
53
+ }
54
+
55
+ .directory_child:after {
56
+ content: " ";
57
+ display: block;
58
+ position: absolute;
59
+ bottom: 0;
60
+ left: 15px;
61
+ right: 0;
62
+ }
63
+
64
+ .directory_child:last-child {
65
+ border-bottom: none;
66
+ padding-bottom: 10px;
67
+ }
68
+
69
+ .directory_child:last-child:after {
70
+ content: none;
71
+ }
72
+
73
+ .directory_child[data-type="file"] {
74
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJBlWElmTU0AKgAAAAgABgEGAAMAAAABAAIAAAESAAMAAAABAAEAAAEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAIdpAAQAAAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAACCgAwAEAAAAAQAAACAAAAAAF9yy1AAAAAlwSFlzAAALEwAACxMBAJqcGAAAAgtpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPjI8L3RpZmY6UGhvdG9tZXRyaWNJbnRlcnByZXRhdGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6Q29tcHJlc3Npb24+MTwvdGlmZjpDb21wcmVzc2lvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cu3MPn8AAAK5SURBVFgJ5Vc7jhpBEG1+MyA7sGxpQWScZU/g1HLqi+wl9goOnKxvQkCKRIjEahJYloEB1+udZ9U01cPMBk48UvOqql9Vve4e2F7n/venY2xAZ71efx0Oh4/n8/kO85fLxdNCZG5RFPl+v/+VJMmP6XT6wngT7BqkJE3TR4nfdTpv+mKochMR8E14v+fz+QcVv2laAtJut+tXjsax5oyjg+yUEwFuNBrdTyaTpzYiLAE9FGWDJiJwNHmeu8Fg4OToWomwBEjP6taHgkJf3gEvoN/vO4w2IiwBqH+1A3U7gSM4Ho+u1+t5AW1EmALCHdC+tr1S+cAOnE4nJ+9OaxGmgHAHQj8UAR/nj/cgFCHfqPvxePy0WCw+UrBG63fg83a7fSYp/O5rHzbG4XBwm83GZVnmvxE4CgjCUZQvppPfiJ+z2ey71C1YG2gK2O12z2wEEm0LEeM7gGOAjx3BTuABljt2lJ34JKHKD1Xfs258oAALh4hUNJGtxip9JXDwEL3j3EAQhIoA8x1AQ44ymaswsVyhOcf8Eq/6XQWYEBZFPIzRr5vTHNbWaApgUoixRuBxxDi6qbZNAbeKhMK0r22rjm4O2xQQK6KTYxzEY3M6n7YpAJNWEcaYTN9CK8Y8jaaAWDLiHCxyiwseOczRaArQSUwOURcJ57SvbZ1D2xQQJlk+YyxE30LGyNVoCgCBSXXIORakbyFj5BJNASQ3QXDIQ1HaMWRjoimgSaG6BnVzbEyMCvhXIkwBXMF7RHBlVq6eo20K0MnaprA65Bwb0CcyTrQE4I/5BgSdRLsJksMm8OVugJpvFwVOCFoCiuVy+SAJGXi6GO0mCA55cmnNVqvVg5SrXMd8fXwETyr+l3IMBa1rW5BS62LVrzJwz8Q4yPj7WMURw9UJQvBfksWRcOMHArByNM5lVI7hD10h1EqG5mxPAAAAAElFTkSuQmCC);
75
+ }
76
+
77
+ .directory_child[data-type="dir"] {
78
+ background-image: url(data:image/png;base64,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);
79
+ }
80
+
81
+ .directory_child[data-type="dir"]:before {
82
+ content: " ";
83
+ border-top-right-radius: 1px;
84
+ width: 5px;
85
+ height: 5px;
86
+ display: block;
87
+ position: absolute;
88
+ top: 16px;
89
+ right: 15px;
90
+ transform: rotate(45deg);
91
+ }
92
+
93
+ .directory_child a {
94
+ text-decoration: none;
95
+ display: block;
96
+ }
97
+
98
+ body[data-theme="dark"] {
99
+ background: #121212;
100
+ }
101
+
102
+ body[data-theme="light"] {
103
+ background: #f1f1f1;
104
+ }
105
+
106
+ body[data-theme="dark"] .directory_nav_item {
107
+ color: #999;
108
+ }
109
+
110
+ body[data-theme="dark"] .directory_nav_item[data-current] {
111
+ color: #f1f1f1;
112
+ }
113
+
114
+ body[data-theme="light"] .directory_nav_item {
115
+ color: #000;
116
+ }
117
+
118
+ body[data-theme="dark"] .directory_separator {
119
+ color: #666;
120
+ }
121
+
122
+ body[data-theme="light"] .directory_separator {
123
+ color: #999;
124
+ }
125
+
126
+ body[data-theme="dark"] .directory_content {
127
+ background: #1e1e1e;
128
+ }
129
+
130
+ body[data-theme="light"] .directory_content {
131
+ background: #fefefe;
132
+ }
133
+
134
+ body[data-theme="dark"] .directory_child {
135
+ border-bottom: 1px solid #121212;
136
+ }
137
+
138
+ body[data-theme="light"] .directory_child {
139
+ border-bottom: 1px solid #f1f1f1;
140
+ }
141
+
142
+ body[data-theme="dark"] .directory_child[data-type="dir"]:before {
143
+ border-top: 2px solid #666;
144
+ border-right: 2px solid #666;
145
+ }
146
+
147
+ body[data-theme="light"] .directory_child[data-type="file"]:before {
148
+ border-top: 2px solid #999;
149
+ border-right: 2px solid #999;
150
+ }
151
+
152
+ body[data-theme="dark"] .directory_child a {
153
+ color: #fff;
154
+ }
155
+
156
+ body[data-theme="light"] .directory_child a {
157
+ color: #000;
158
+ }
159
+ </style>
160
+ <style>.error_message {
161
+ background-color: #fce4e4;
162
+ border: 1px solid #fcc2c3;
163
+ margin: 1em;
164
+ padding: 1.5em 1.2em;
165
+ display: block;
166
+ }
167
+
168
+ .error_text {
169
+ color: #c03;
170
+ text-shadow: 1px 1px #fafafa4d;
171
+ font-weight: bold;
172
+ line-height: 2em;
173
+ }
174
+
175
+ .hint_message {
176
+ background-color: #add8e6;
177
+ border: 1px solid #fcc2c3;
178
+ margin: 1em;
179
+ padding: 1.5em 1.2em;
180
+ display: block;
181
+ }
182
+
183
+ .hint_text {
184
+ color: #000;
185
+ text-shadow: 1px 1px #fafafa4d;
186
+ font-weight: bold;
187
+ line-height: 2em;
188
+ }
189
+ </style>
7
190
  </head>
8
191
 
9
- <body>
10
- <p>No entry on the filesystem for <strong>/${fileRelativeUrl}</strong></p>
11
- <p>
12
- <a jsenv-ignore="" href="/${parentDirectoryRelativeUrl}">/${parentDirectoryRelativeUrl}</a>
13
- directory content:
192
+ <body data-theme="dark">
193
+ <p class="error_message">
194
+ <span class="error_text">
195
+ No entry on the filesystem for <code>/${fileRelativeUrl}</code> (at
196
+ ${fileUrl})
197
+ <br>
198
+ Content of the parent directory is listed below:
199
+ </span>
14
200
  </p>
15
- <ul>
16
- ${parentDirectoryContent}
17
- </ul>
201
+ <h1 class="directory_nav">${parentDirectoryNav}</h1>
202
+ ${parentDirectoryContent}
18
203
  </body>
19
204
  </html>