@jscad/web 2.5.8 → 2.5.9

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.5.9](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/web@2.5.8...@jscad/web@2.5.9) (2022-04-24)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **web:** remove unused file handling and storage path options ([#1071](https://github.com/jscad/OpenJSCAD.org/issues/1071)) ([02c740c](https://github.com/jscad/OpenJSCAD.org/commit/02c740ce56c04ffb7b83a5e48009abb111c64001))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [2.5.8](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/web@2.5.7...@jscad/web@2.5.8) (2022-04-03)
7
18
 
8
19
  **Note:** Version bump only for package @jscad/web
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @jscad/web: JSCAD Web UI
2
2
 
3
- This is the Web based UI for JSCAD, either to host yourself, or use directly at https://www.openjscad.xyz/.
3
+ This is the Web based UI for JSCAD, either to host yourself, or use directly at https://openjscad.xyz/.
4
4
 
5
5
  [![NPM version](https://badge.fury.io/js/%40jscad%2Fweb.svg)](https://www.npmjs.com/package/@jscad/web)
6
6
  [![NPM downloads](https://img.shields.io/npm/dw/@jscad/web)](https://www.npmjs.com/package/@jscad/web)
@@ -32,7 +32,7 @@ This is the Web based UI for JSCAD, either to host yourself, or use directly at
32
32
 
33
33
  ### Immediate Use (no installation)
34
34
 
35
- Go to *[www.openjscad.xyz](http://www.openjscad.xyz)*
35
+ Go to *[openjscad.xyz](https://openjscad.xyz)*
36
36
 
37
37
  > Note: Tested browsers include Chrome, Firefox, Opera, Safari, Edge
38
38
 
@@ -77,8 +77,8 @@ https://YOURSITE/#http://www.thingiverse.com/download:164128
77
77
 
78
78
  ## Documentation
79
79
 
80
- - [JSCAD User Guide](https://www.openjscad.xyz/guide.html)
81
- - [JSCAD API Reference](https://www.openjscad.xyz/docs)
80
+ - [JSCAD User Guide](https://openjscad.xyz/guide.html)
81
+ - [JSCAD API Reference](https://openjscad.xyz/docs/)
82
82
 
83
83
  ## Known Issues
84
84
 
@@ -95,11 +95,11 @@ We welcome and encourage anyone to pitch in but please take a moment to read the
95
95
 
96
96
  * If you want to submit a bug report please make sure to follow the [Reporting Issues](https://github.com/jscad/OpenJSCAD.org/wiki/Reporting-Issues) guide. Bug reports are accepted as [Issues](https://github.com/jscad/OpenJSCAD.org/issues/) via GitHub.
97
97
 
98
- * If you want to submit a change or a patch, please read the [Contributing Guide](../../CONTRIBUTING.md) . New contributions are accepted as [Pull Requests](https://github.com/jscad/OpenJSCAD.org/pulls/) via GithHub.
98
+ * If you want to submit a change or a patch, please read the [Contributing Guide](../../CONTRIBUTING.md). New contributions are accepted as [Pull Requests](https://github.com/jscad/OpenJSCAD.org/pulls/) via GitHub.
99
99
 
100
100
  * We only accept bug reports and pull requests on **GitHub**.
101
101
 
102
- * If you have a question about how to use JSCAD, then please start a conversation at the [JSCAD User Group](https://openjscad.xyz/forum.html). You might find the answer in the [JSCAD User Guide](https://www.openjscad.xyz/guide.html).
102
+ * If you have a question about how to use JSCAD, then please start a conversation at the [JSCAD User Group](https://openjscad.xyz/forum.html). You might find the answer in the [JSCAD User Guide](https://openjscad.xyz/guide.html).
103
103
 
104
104
  * If you have a change or new feature in mind, please start a conversation with the [Core Developers](https://openjscad.xyz/forum.html) and start contributing changes.
105
105
 
@@ -116,7 +116,7 @@ HUGE THANKS and SHOUTOUT to [nodeBB](https://nodebb.org/) for hosting our (aweso
116
116
 
117
117
  Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/openjscad#backer)]
118
118
 
119
- <a href="https://opencollective.com/openjscad#backers" target="_blank"><img src="https://opencollective.com/openjscad/backers.svg?width=890"></a>
119
+ <a href="https://opencollective.com/openjscad#backers" target="_blank"><img src="https://opencollective.com/openjscad/backers.svg?width=890" alt="Open Collective"></a>
120
120
 
121
121
  ## Sponsors
122
122
 
package/css/demo.css CHANGED
@@ -58,7 +58,8 @@ body {
58
58
  src: local('OpenSans'), local('OpenSans'), url(../fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
59
59
  }
60
60
 
61
- #renderTarget{
61
+ #renderTarget {
62
+ cursor: move;
62
63
  width: 100%;
63
64
  height: 100%;
64
65
  position: absolute;
@@ -68,7 +69,7 @@ body {
68
69
  bottom: 0px;
69
70
  }
70
71
 
71
- #fileLoader{
72
+ #fileLoader {
72
73
  width: 0.1px;
73
74
  height: 0.1px;
74
75
  opacity: 0;
@@ -80,9 +81,9 @@ body {
80
81
  box-shadow: none;
81
82
  border: 1px solid #bfbcbc;
82
83
  border-color: black;
83
- border-radius: 0px;
84
+ border-radius: 1px;
84
85
  border-width: 1px;
85
- padding: 2px 0px 0px 2px;
86
+ padding: 0px 2px;
86
87
  margin: 0px 5px 0px 0px;
87
88
  background-color: white;
88
89
  outline: none;
@@ -95,12 +96,13 @@ body {
95
96
  }
96
97
 
97
98
  #controls {
99
+ box-sizing: border-box;
98
100
  color: var(--main-text-color);
99
101
  position: absolute;
100
102
  width: 100%;
103
+ padding: 0px 10px;
101
104
  user-select: none;
102
105
  top: 30px;
103
- left: 10px;
104
106
  z-index: 1;
105
107
  }
106
108
 
@@ -109,6 +111,7 @@ body {
109
111
  }
110
112
 
111
113
  section#params {
114
+ background-color: rgba(255, 255, 255, 0.6);
112
115
  position: absolute;
113
116
  bottom: 10px;
114
117
  left: 10px;
@@ -168,13 +171,6 @@ section#params {
168
171
  display: none;
169
172
  }
170
173
 
171
- /*#paramsTable .groupTitle:hover .icon-closed{
172
- display: none;
173
- }
174
- #paramsTable .groupTitle:hover .icon-open{
175
- display: block;
176
- }*/
177
-
178
174
  #paramsTable .controlsLine{
179
175
  padding-top: 10px;
180
176
  }
@@ -206,11 +202,6 @@ span#paramsControls {
206
202
  position: relative;
207
203
  height: 100%;
208
204
  width: 100%;
209
- /*position: absolute;
210
- top: 0px;
211
- bottom: 0px;
212
- left: 0px;
213
- right: 0px;*/
214
205
  }
215
206
 
216
207
  h3 {
@@ -218,8 +209,9 @@ h3 {
218
209
  }
219
210
 
220
211
  #header {
212
+ box-sizing: border-box;
221
213
  position: absolute;
222
- left: 10px;
214
+ padding: 0px 10px;
223
215
  color: var(--main-text-color);
224
216
  width: 100%;
225
217
  display: inline-flex;
@@ -262,8 +254,8 @@ section {
262
254
  section.popup-menu {
263
255
  position: absolute;
264
256
  top: 40px;
265
- right: 15px;
266
- height: 80%;
257
+ right: 10px;
258
+ max-height: 80%;
267
259
  }
268
260
 
269
261
  section.popup-menu h2 {
@@ -287,17 +279,19 @@ section.popup-menu ul {
287
279
  }
288
280
 
289
281
  #options {
282
+ background-color: rgba(255, 255, 255, 0.6);
290
283
  padding-left: 18px;
291
284
  }
292
285
 
293
- #options fieldset{
286
+ #options fieldset {
294
287
  border: none;
295
288
  display: table;
289
+ padding-inline: 0px;
296
290
  }
297
- #options fieldset label{
291
+ #options fieldset label {
298
292
  display: table-row;
299
293
  }
300
- #options fieldset input{
294
+ #options fieldset input {
301
295
  display: table-row;
302
296
  align-self: flex-end;
303
297
  }
@@ -306,7 +300,9 @@ section.popup-menu ul {
306
300
  }
307
301
 
308
302
  #editor {
309
- padding: 1px;
303
+ bottom: 10px;
304
+ max-height: none;
305
+ padding: 0px;
310
306
  font-size: 0.9em;
311
307
  width: 50%;
312
308
  }
@@ -317,6 +313,7 @@ textarea {
317
313
  }
318
314
 
319
315
  #help {
316
+ background-color: rgba(255, 255, 255, 0.6);
320
317
  }
321
318
 
322
319
  #help a {
@@ -358,7 +355,8 @@ button {
358
355
  border-color: black;
359
356
  border-radius: 0px;
360
357
  border-width: 1px;
361
- margin: 0px 5px 0px 5px;
358
+ margin: 0px 5px;
359
+ padding: 2px 6px;
362
360
  background-color: white;
363
361
  letter-spacing: .5px;
364
362
  outline: none;
@@ -366,12 +364,12 @@ button {
366
364
  opacity: 0.6;
367
365
  }
368
366
 
369
- /*button:hover{
370
- background-color:rgb(0, 153, 255);
371
- }*/
367
+ button > svg {
368
+ vertical-align: middle;
369
+ }
372
370
 
373
371
  button:hover svg {
374
- stroke:rgb(0, 153, 255);
372
+ stroke: rgb(0, 153, 255);
375
373
  }
376
374
 
377
375
  #toolbar button:hover {
@@ -423,16 +421,16 @@ input[type="checkbox"]:hover{
423
421
  }
424
422
 
425
423
  input.error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
426
- color: red;
427
- opacity: 1; /* Firefox */
424
+ color: red;
425
+ opacity: 1; /* Firefox */
428
426
  }
429
427
 
430
428
  #shortcuts .error input:-ms-input-placeholder { /* Internet Explorer 10-11 */
431
- color: red;
429
+ color: red;
432
430
  }
433
431
 
434
432
  #shortcuts .error input::-ms-input-placeholder { /* Microsoft Edge */
435
- color: red;
433
+ color: red;
436
434
  }
437
435
 
438
436
  .icon {
package/demo.html CHANGED
@@ -2,8 +2,10 @@
2
2
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
3
3
  <head>
4
4
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <meta name="description" content="JSCAD is an open source set of modular, browser and command line tools for creating parametric 2D and 3D CAD designs with JavaScript code."/>
5
7
 
6
- <title>JSCAD.xyz</title>
8
+ <title>JSCAD - JavaScript CAD</title>
7
9
 
8
10
  <link rel="stylesheet" type="text/css" href="./css/demo.css">
9
11
  <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-png">