@tomorrowevening/hermes 0.0.34 → 0.0.35

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 (52) hide show
  1. package/package.json +1 -4
  2. package/src/core/Application.ts +0 -111
  3. package/src/core/RemoteController.ts +0 -60
  4. package/src/core/remote/BaseRemote.ts +0 -16
  5. package/src/core/remote/RemoteComponents.ts +0 -45
  6. package/src/core/remote/RemoteTheatre.ts +0 -300
  7. package/src/core/remote/RemoteThree.ts +0 -143
  8. package/src/core/remote/RemoteTweakpane.ts +0 -194
  9. package/src/core/types.ts +0 -56
  10. package/src/editor/Editor.tsx +0 -20
  11. package/src/editor/components/Draggable.tsx +0 -40
  12. package/src/editor/components/DraggableItem.tsx +0 -22
  13. package/src/editor/components/Dropdown.tsx +0 -38
  14. package/src/editor/components/DropdownItem.tsx +0 -64
  15. package/src/editor/components/NavButton.tsx +0 -11
  16. package/src/editor/components/content.ts +0 -2
  17. package/src/editor/components/icons/CloseIcon.tsx +0 -7
  18. package/src/editor/components/icons/DragIcon.tsx +0 -9
  19. package/src/editor/components/types.ts +0 -41
  20. package/src/editor/global.ts +0 -20
  21. package/src/editor/multiView/CameraWindow.tsx +0 -74
  22. package/src/editor/multiView/InfiniteGridHelper.ts +0 -24
  23. package/src/editor/multiView/InfiniteGridMaterial.ts +0 -127
  24. package/src/editor/multiView/MultiView.scss +0 -101
  25. package/src/editor/multiView/MultiView.tsx +0 -636
  26. package/src/editor/multiView/MultiViewData.ts +0 -59
  27. package/src/editor/multiView/UVMaterial.ts +0 -55
  28. package/src/editor/scss/_debug.scss +0 -58
  29. package/src/editor/scss/_draggable.scss +0 -43
  30. package/src/editor/scss/_dropdown.scss +0 -84
  31. package/src/editor/scss/_sidePanel.scss +0 -278
  32. package/src/editor/scss/_theme.scss +0 -9
  33. package/src/editor/scss/index.scss +0 -67
  34. package/src/editor/sidePanel/Accordion.tsx +0 -41
  35. package/src/editor/sidePanel/ChildObject.tsx +0 -57
  36. package/src/editor/sidePanel/ContainerObject.tsx +0 -11
  37. package/src/editor/sidePanel/SidePanel.tsx +0 -64
  38. package/src/editor/sidePanel/ToggleBtn.tsx +0 -27
  39. package/src/editor/sidePanel/inspector/Inspector.tsx +0 -119
  40. package/src/editor/sidePanel/inspector/InspectorField.tsx +0 -198
  41. package/src/editor/sidePanel/inspector/InspectorGroup.tsx +0 -50
  42. package/src/editor/sidePanel/inspector/SceneInspector.tsx +0 -84
  43. package/src/editor/sidePanel/inspector/inspector.scss +0 -161
  44. package/src/editor/sidePanel/inspector/utils/InspectAnimation.tsx +0 -102
  45. package/src/editor/sidePanel/inspector/utils/InspectCamera.tsx +0 -75
  46. package/src/editor/sidePanel/inspector/utils/InspectLight.tsx +0 -62
  47. package/src/editor/sidePanel/inspector/utils/InspectMaterial.tsx +0 -710
  48. package/src/editor/sidePanel/inspector/utils/InspectTransform.tsx +0 -113
  49. package/src/editor/sidePanel/types.ts +0 -130
  50. package/src/editor/sidePanel/utils.ts +0 -278
  51. package/src/editor/utils.ts +0 -117
  52. package/src/index.ts +0 -27
@@ -1,55 +0,0 @@
1
- import { ShaderMaterial } from 'three';
2
-
3
- const vertex = `#include <common>
4
- #include <batching_pars_vertex>
5
- #include <uv_pars_vertex>
6
- #include <color_pars_vertex>
7
- #include <morphtarget_pars_vertex>
8
- #include <skinning_pars_vertex>
9
- #include <logdepthbuf_pars_vertex>
10
- #include <clipping_planes_pars_vertex>
11
-
12
- void main() {
13
- #include <uv_vertex>
14
- #include <color_vertex>
15
- #include <morphcolor_vertex>
16
- #include <batching_vertex>
17
-
18
- #if defined ( USE_SKINNING )
19
- #include <beginnormal_vertex>
20
- #include <morphnormal_vertex>
21
- #include <skinbase_vertex>
22
- #include <skinnormal_vertex>
23
- #include <defaultnormal_vertex>
24
- #endif
25
-
26
- #include <begin_vertex>
27
- #include <morphtarget_vertex>
28
- #include <skinning_vertex>
29
- #include <project_vertex>
30
- #include <logdepthbuf_vertex>
31
- #include <clipping_planes_vertex>
32
- #include <worldpos_vertex>
33
- }`;
34
-
35
- const fragment = `
36
- #include <common>
37
- #include <uv_pars_fragment>
38
- #include <clipping_planes_pars_fragment>
39
-
40
- void main() {
41
- #include <clipping_planes_fragment>
42
- gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
43
- }`;
44
-
45
- export default class UVMaterial extends ShaderMaterial {
46
- constructor() {
47
- super({
48
- defines: {
49
- USE_UV: ''
50
- },
51
- vertexShader: vertex,
52
- fragmentShader: fragment,
53
- });
54
- }
55
- }
@@ -1,58 +0,0 @@
1
- body {
2
- .tp-dfwv,
3
- .tp-dfwv button,
4
- .tp-dfwv input {
5
- text-transform: none;
6
- }
7
- }
8
-
9
- .tp-ckbv {
10
- float: right;
11
- }
12
-
13
- .tp-dfwv {
14
- left: 50%;
15
- top: 0;
16
- max-height: 100%;
17
- overflow-x: hidden;
18
- overflow-y: auto;
19
- transform: translateX(-50%);
20
- width: 400px;
21
- z-index: 100;
22
-
23
- .tp-lblv {
24
- position: relative;
25
- }
26
-
27
- .tp-lblv_v {
28
- display: inline-block;
29
-
30
- .tp-ckbv {
31
- width: 20px;
32
- }
33
-
34
- .tp-fpsv {
35
- width: 280px;
36
- }
37
- }
38
-
39
- .tp-btnv_b {
40
- padding: 0 5px;
41
- }
42
-
43
- .tp-btngridv {
44
- max-height: 100px;
45
- overflow-x: hidden;
46
- overflow-y: auto;
47
- }
48
-
49
- .tp-tabv {
50
- max-height: 90vh;
51
- overflow: hidden auto;
52
- }
53
- }
54
-
55
- .tp-dfwv {
56
- font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
57
- font-size: 10px;
58
- }
@@ -1,43 +0,0 @@
1
- @use 'theme';
2
-
3
- .draggable {
4
- li {
5
- div {
6
- background-color: $BAR_COLOR;
7
- line-height: 14px;
8
- padding: 5px 10px;
9
- transition: background-color 0.25s linear;
10
- &:hover {
11
- background-color: $BTN_HOVER;
12
- }
13
- span {
14
- font-size: 12px;
15
- margin: 0px 15px 0 10px;
16
- padding: 0px 5px;
17
- }
18
- .dragIcon {
19
- position: absolute;
20
- left: 10px;
21
- }
22
- .closeIcon {
23
- background-color: transparent;
24
- padding: 0;
25
- position: absolute;
26
- right: 5px;
27
- top: 50%;
28
- min-width: 14px;
29
- width: 14px;
30
- height: 14px;
31
- transform: translateY(-50%);
32
- &:hover {
33
- background-color: transparent;
34
- }
35
- svg {
36
- background-color: transparent;
37
- left: 0px;
38
- position: relative;
39
- }
40
- }
41
- }
42
- }
43
- }
@@ -1,84 +0,0 @@
1
- @use 'theme';
2
-
3
- .dropdown {
4
- color: #FFF;
5
- display: inline-block;
6
- margin-right: 1px;
7
- text-align: left;
8
- height: fit-content;
9
- min-width: auto;
10
- width: max-content;
11
-
12
- button {
13
- backdrop-filter: blur(2px);
14
- background-color: $BAR_COLOR;
15
- border: none;
16
- color: rgba($color: #FFF, $alpha: 0.5);
17
- font-size: 12px;
18
- padding: 5px 10px;
19
- position: relative;
20
- text-align: left;
21
- min-width: $ROW_HEIGHT;
22
- width: 100%;
23
- height: $BTN_SIZE;
24
- transition: all 0.2s linear;
25
-
26
- &:hover {
27
- background-color: $BTN_HOVER;
28
- color: #FFF;
29
- }
30
-
31
- &.svg {
32
- line-height: 0;
33
- width: $BTN_SIZE;
34
- }
35
- }
36
-
37
- p {
38
- background-color: $BAR_COLOR;
39
- display: inline-block;
40
- height: $ROW_HEIGHT;
41
- margin: 0;
42
- min-width: $ROW_HEIGHT;
43
- padding: 5px;
44
- }
45
-
46
- svg {
47
- position: relative;
48
- left: 50%;
49
- transform: translate(-50%, 0);
50
- }
51
-
52
- ul {
53
- list-style: none;
54
- margin: 0;
55
- margin-block: 0;
56
- padding-inline: 0;
57
- position: absolute;
58
- width: max-content;
59
-
60
- li {
61
- border-top: 1px solid $BORDER_COLOR;
62
- display: block;
63
- position: relative;
64
-
65
- &.selected button {
66
- background-color: $BTN_SELECTED;
67
-
68
- &:hover {
69
- background-color: $BTN_SELECTED_HOVER;
70
- }
71
- }
72
- }
73
- }
74
-
75
- &.subdropdown {
76
- min-width: 100%;
77
-
78
- ul {
79
- border-left: 1px solid $BORDER_COLOR;
80
- left: 100%;
81
- top: -1px;
82
- }
83
- }
84
- }
@@ -1,278 +0,0 @@
1
- $barHeight: 20px;
2
- $maxHeight: calc($barHeight * 10);
3
- $icon_camera: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC60lEQVRYhe2YT4hNcRTHP48xpmYaNAvRyEQxEhnKQljYsRm9/EmSyJiMFAsMZWNhJYoNIUVJ2VGiyb9ZzIpMpkQSahbGv9GMYWrM+1rc2zjvzvvdd+99rzdvMd+6de75nd+5387vnN/v/G5KEuWMKRNNIB8mCRaKiiL5qQb2ApuBuUAV0Ad0AJeB3sSeJRX6LJbULTf6JTUn9Z+KWMUpPyp/Avoa4CNQZ3Sj/lNpdL/xottR7AjOkHRUUpekN5I6JbVLavDH75lIfZN0UFKTpCWS0pJem/HeJBEMG6yV1ONYtgFJbZJ+GF1jDh+zJb03NuliEuwMkMo4yErS2RA/LcbuYVyCrm1mA7Dal/8Cu4FG4JD/HsTTkCy6a+SVMTPQuc1sBKb78nHghi+/A+YBxwL2lbhRY+ThuARdEVxu5JdGFvACr0otdoZ8Y4+Rn0Sn5sFFsMvI6YB9MzA1YJ8mN8k1wAHzfj4uQVdyrpI0aJL7oqTtkq4FiqPLyCOSbktqlbRL0jlJQ2b8QdwCUZ4qvhRStZL0XFK1pMd57CRvq5mfhKBriRfiFUMY6oD7eOdwPlQAN4G10dfWg+uouwXsiOssAj4AC+JMcEWwvnAuOTEr7gTXPmg34zagOwkbIIOXAo9CbDYBrcBXYN+4UUdy2sRflyS5zVNlfPX7ugpJW5V9nI7mmh+lYU0lCZ2B3TOnAVuAk0BTwC5nuhWro46KauBOQJch5OpRaoIW34GreGf+YZdRqS9NAj4Bp4ClQDvwOWxCqSM4ADQEdKE5XvbXzlITrAVe4TW+M6NMKDXBFLAMuAD0ACfIc7pMZBXXA2cY3/xmodQRHAL2A2+NLtj8ZiEKwUL/z2WMPAJcAVYALWSf8dZuDFGWeBHwKxm3sWYhiGG8Tfo6sA2vSfiSy4GrH3wGrDcfKSSKKf6v1E9yF0XK9Q1XBPuMXMw8HXTonQFwETwNzMFr64v1jzgFHIk9ybHEZYPJo65QlD3Bf2/Q/eaHPiSWAAAAAElFTkSuQmCC');
4
- $icon_folder: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAYAAACtrX6oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAB90lEQVR4nO2cXWoCQRCEy+R0+6QguCE5XwLJtYToIZTOgxFlWd1Vd7p7yvpgXoLJ1NQ3a/wZnZkZBC8v0QFEWSSYHAkmR4LJkWByJJgcCSZHgsmRYHIkmBwJJkeCyZFgciSYHAkmR4LJkWByxghuAKwBbAEsiqa5jzlO+ZrgLH3MAWxwyLd0n93MhsbaTuzMrB3xO15j9Z/pyG+CTNfyufd36130K4BPAG2BvXYrKwBfOGTKSF8+//5G7IJFZxeG7MTOaC9kWgRmunbldnHr79FCIyRnyjJW7i4qc23FZshwj9zWzN4istdUcM1yj7dxl1xL0QxyQyTXUDiTXHfJ2YtnlOu6tswCmOW6rXGKP1Ii5DPIdVnr0y14glHVhp5y4VXcZT04qvuXNHUB6R90ZBNQeo4SRaR+2pCleK+5ShWS9ol/dOHec5YsJuVLd1FFR81dOmS6F9+9C47O4BEy1dtnXsVmyeIVMs0b4CPG4pFCC427Dzh4hrwkObq87jg/g5YpX19/g2fQPI/N/gB4B7A/+9kewAeAb8cct5ApX19/wwTsxLmZbcxsa2bLBFdGdzR2uIq3lueMV7e/Y75m6PYzM33THTP6ZAM5EkyOBJMjweRIMDkSTI4EkyPB5EgwORJMjgSTI8HkSDA5EkyOBJMjweRIMDl/5nU6ICCWVGoAAAAASUVORK5CYII=');
5
- $icon_interactive: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADA0lEQVRYhe2Yu2sUURTGf5uYSJ4EsgqJIkRMEYOFYMBCQcTe57/hs9AqlVpYiChYqREsFBRF8AF2KgpqErQQRKIRi6ghRozEhcSYz+Le1bPD7MzOzm5MkQ+Gc+/Z79z7cfY+5kxGEosZNf9bQByWBKbFsjJiGoEuYC3QAUwC74EPwFTlpHlIKvVplHRS0rSK47KktgRjxj6lEtdJ+hIhzGJO0raFFNghaTYg4oKkPkmdknrlMvsjwNm8EAJrJI2YSZ9IyhbhNkkaMNwZSS3VFrjbTPhC0nLzW6ekDZK6jC8j6ZqJOV9tgTZ7eSF1ks6oEHd9BpHULGnS+2flNldVBK4wAu4Z/0GF47bhHDP+njQCow7qbtO+4209cNy3p4ETwCff34k7FwEGTWw2zTFY6k0y4W2LfwAeA/3AdcNr9PZzGXOEIuomeYbL0BrgvvdlzO8z3tYa37y3b33sKuB5tQTO4zJUDLUhvrkSY0tGOXdxHgpYgNPAU9yaHQP6gB3AS+AB0Ars8fYW8C5+lmS7Khuya88W2dXBmyUXwjmXZhenRUug3xDC2Q9sjRokqcBMSNv6DgH7TH8M2AQMBTh7Tf9o1IRJ16BC2tZ3Ffhp+oPAMPDICw3jRCJNBsNQR+HurjF+y7GJiazakgoMGyxOdJBTCv8vKrEG6yPGawrhBAVWLYP59kVvp4DvuDs6vyluenvJcL6RIKNpDup87BCwEsjxb/FvAdqAcd8fNJwc0G7GicxgUoEzpm3PuYkQ3njAZzl2I0VmMOlfnAM++vZ6CtdWEthXsNEoYlKBv3F3aH6S7ghuFA6Y9pVIZhlvuRvNXTosV4ckiV8duJ/ro/jlCKxVYa3SnyC2SdIrE3skLqbcWqFLhTglqSEmpkPSGxMzGpe9NAKRtCsg8qukw3LlaLPPVqtcYT8Q4OY8L3aeNAKRtF3F8auI/7Wk9lLnSCsQufL0RoTQPKblSta6JONnpIp9As4Cvbjyswd3Rk7hXrUeAiO4czQRKimwKlj0X1iXBKbFH8wWbNSnU+tzAAAAAElFTkSuQmCC');
6
- $icon_lights: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAETklEQVRYhe2YXYhVVRTHf3d0/JhyUrMpFbImM+whSa3Mynww+4AeIgiKoozooQ+KyMyXIAujF6OXqHyI6iEKKYgIP/owsjSFqCkprdDUTEcjbWZ0HHV+Pex1ucfb9Z57Z9REXHA4Z++99l7/s/ZZ/7X2KaiczNLwfwPIk9MA+yunNMAG4DHgV+BvoB3YFff2TPstYEyfrajVroI6Sr1GvahsbJC63HzZq04pmztSvU5tVRuqYRiYg78JeBR4HPg5ntdmxovz9wJfA3uAxuibDLQCA+IqynnAQuBuYCnwMLC1rx48U12U8cZqdWqMDcx4cI16qTpYbVKHqa+ovWUeHKsujn7VL9ULq2HI+wY7gVeBJdGeFu3J4ZUiy/cAXeHRRuAQsC/GC0B3eG4BcH/0tUV7czUAeVsMsBF4Kha9HZgCvAncAuwPnXHA0wFuGLANuDrGuoGDwFxgTqzzQ7RX5FrP2eLsdb76vnogtme6+nE8H1YPlQXHwbi3q9eqn0e7Tb25VrsF68vFY0lb1AGcDTwItGQ8tQM4AIwGmqP/EPAu8A0wElgJfFGzxTo8mKWXu9Rd4ZF96jvqjSbauEC9Sn1O3R463epLaku99voCsFXdkAH3kNpcQW+IiT/bQne3eufxBtioPqP2mKhioXpWzpxb1T8C5Ifh4ZptVoriRmAIKdrI3Lujf3bobAPeJpF0NVkKrAFuI9HTOBIxnxFrF4OgQKKr/dnJlQA+AcwABgOHA4zAamA5cE7orQL+zAEHiWI+A2bFC7aSguheYCgpqAphZz3wSB7AecCICv2TgH8oFRib4gVqka0k0h8CXAxMBW6ooDejFoCvA9OBQUAvKWM0kDz4XUZvNKXtyZMWUl7vBbaQXq457PeEziDgx/KJlQAuIPFdMcEXv5OdYWBP9M8k8VpnDQCvB4aTSrCNJB5cSdrW3tBpIJVnR0qdUTxAfdGUOVTnmwqEanNmqltC/9OgqePKg5eom8PgdvW+oJ9Kupera0O3U50TL3lcAaI+oHaF4R3qa6Z822wq0Saq89T1lmSxOrxeW/Xm4uGkiqQDmECKuKHxHW0HdpMiewSpvGqKeR8Ay0iBsYIjg6261PE2o9Q3Yqv+MqWxO9R1Hl12qs+q49Vlppy82pSr+5xJKsko4AXgHlJ0t5NIeg3wLXAlqZhtIUV8J6nmWwX8QiLjdhL5TwMWkY4R6/rrwYKlMr1Y321QZ/vfwBijPqm+rF4Wc7PjE9QllurGVeoV5gRNHsAm9fnMom3qrKPoTjKdMXaYyrFygEWQ72XWW24qhPu8xcUc2UU6O8wFPjmK7jhgPHAuMJGUGQ6U6WwE5sfzTXGvei7KA9hFOiR9D/wOfFVFt4dS2tpfRe83Ur7/CPiJakfOGgBCypubatArl2r8VfOax/LfzABKtePAzHO/5FgC7KBEzB2kOrDfUm8mOeFySv9+OyFyGmB/5aQH+C9BVKmVCNuMZgAAAABJRU5ErkJggg==');
7
- $icon_refresh: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE1UlEQVRoge2aW2gdRRzGf5vGWMSTVBpNUjWNijHgg6KIRqmtD0UpqA9iFeulijWkllIsKOKb+lbxgr6oLQUFtc2LPgjaImILSq36oKLWkpZC7C1p6zkNXkqSz4c5x2zH3T27s7vnnMR8MBxmzsx/vm/2P/fxJPF/QlO9CdQac4JnO+YEz3Y052y/C7gV6Af6gCuAhUABEDAOnASGgX3AV8Au4Le8CHk5TEttwMPA/cBNuHnR18D7wLvAieyoAZKyChdJelXSaWWHcUmvS1qUFc8sjDRLeiZjoTZOS3pOUktavmld+irgPeC6MAcC9gBfYNx0P6Z/lsr/FzD9vBe4HlgK3AzMC7H3HfAQ8JMz4xSttUJSMeSLnJT0vKRLHex2SNogaTjia9/lyttV7IIQsWOSnpZUSNGQldAkabWkkYB6JiUN1lJwTwCJT5Xh4OILBUmbA+qbkjRQK8FI2lquuCjjgl4OYv1hlaQ/LdGTku5MYiftoNUD/F4OtcAS4GPMYFdBCbgR+CWOgTwWHnljCbADmO9L24sZ3SeqFZ6Ja+ndwONW2g3Axlilq/i8J2mLzKicZ/90CVus/lyS1FmtXDWjT5SNvdkAAu3QKumwJfqVNIK7NT3XTkla3gAi7fCYJbhUbojEgj1JOyxjh6oZq0NolnTQ4rkuqkzYoLUGWG6ldQObkowuNcAE8IaVtjKqQNC01A38ALQG5BdwO7DTkWAe6AJGmJ5xpsppx4My21/YAzYTLDbO//XAEcxJSQVNwC1hmW3BQa5soxFde5cV7w/L6BecREichqkl9lrxvrCMFcEe8BbxXdUDtgILkjLLCfut+OWhOcvD9YDcUI8FyXZHrpK0zZO0GPget4FIwArgE4eyrmgHfgQ6EpYbA66O2i39DbT44ucCZxLTywd3Ax8mLLMSGIraLY1b8fMTVpAnPgKGEuTfXskfJfiUFe9MSCpvPAmMxsg3CqyrRKIED1vxXgdSeWIUMz1Ww1kNEyXYPjIJO3uuJ6q59pD9f5TgPVZ8mRun3LEWOBaQPobPlSuIEvwZZtqpoJ/G68dghA0EpK8lYAMRJfgY8K0v3oy5EWxE2K79H1f+F1VWNeutlcqwzKa73hv/oNAu6aikUZmbzMB81Y5p24FDwHm+tEeAd9J9kNxwb/k3dCCLcy79GrDeFz+K2Y0UU1GrE+KcS28C/vDFO2m8/XBsxBE8Arxgpa0BHsieTv6Ie9XSgrnQvsaX9hdwB+aye8Yg7lXLGeA+zt5QzMdMB0uzJhWBCzAXeM5Icre0D1iNORWsoA2zF16VhkQMeMAGzIxxEHPa4gaH+W4w5DThbUltOcyvF0vaGVBfj4s9VxKDkiYCSByR9KiyWZy0SnpW0omAeoqujZuG0D0ydzlBOCDpKUldDnYXS3pR0qkQ20WZBzVOvNNeiPcC24BrQ/6fxOy6Psc8OfoVOMz04FcALgGuxLzaW4bZhnoh9r7BTIf2KWV8pPjClXCOzMud8ZAvkgWKkjZKmpeWbxaCK2GRpJczFl6S9JLMxiATnnm88ViIcbsHMU8RwtwzDFPAl8AHmMelpejsyZD3o5YO4DbMK5s+4DLgQswJqIfpy8eBA8DPmEux3QSfYGSCmfiKJxVm4iueVJgTPNsxJ3i24x9qO45nn/sZdwAAAABJRU5ErkJggg==');
8
- $icon_ui: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADjElEQVRYhe2YTWhdRRTHf+lLTFRCkjaLILgIKoIBRRfaSmMFQSsoIrrRuhEqfnTTtV20qHUllIBWcKNQxG4EJWoVEUxKqV8blXYlYv0utr7UtkaN9dfFTMzNfXM/8hJeI/iHYV7OOTP3d+89M3NuulRWs9ZcaIAq/Q+4XJUB3gDsA74BZoDPgaeAdStw3SHgdeD2ykg11baoZ03rS/XKgnGD6niBLxszFedqqpvK4lPG69U/4gTvqneo16lb1e+j/SO1LzF2SD2pbqsBN69SyJTxtTjwPbU75xuLAKr3Zy46FNuoeib6n6kBVwmZAvwuDrqt4K72Rv8LakP9Wv01tqb6T+bCr6rD6og6XQA3rxl1c/56qUXSH/ufCtL229gPxH40Jv0QMAh0ZWIfBG4CNgLjFcthANiWN3YnAn+IweuBown/xtgfAwReAS6NtouAO2P/O/AY8Hb07YqtSNPAwy3WxCt8Oj7yY+q1Od+j6rnovzExtqH+qR5Xb034dxW83ilDjtbKwXXqkTiwqb6o7lDfykw4kZosk2tjBX7UnTm4D4vgigBRr1APFtzthNpTMK5P7S+By0MeLINT6dLCaqYHuAfYFHPsR2AS+Lgkj5aih4ADwMmyoDLAeTUIR9KBleEC4BJgDugFzhIWW1J1ioV9wDuEO14pPQ8cB75gYbtKqgpwN/BA/P0ScMuy0YIGCPvmMIv3zRaVAT4OPJn5+2JCBTK2XDrC6wX4O7ZCFQGOAzuBUyzkx19AH7AXWNsGVC8wQnhyfdHWRXiKw4RTqFUFy3vQcIaOxr1Q9Q1DQTCi9tbYSvJtbdzzThs2cw3n9oz6swVlWtWk/YYiQHV/G1D5do36S+vW6hNFY6oWSTcL53VPG681r6PAfcBsxvYsIW2SqgIUOAE0Cfm4EpoGHom/9wM7yoLrbNRrCMl8btloi7UZeL9q3hTgyyyUTxC2AQmgjYz9MLCnDbANwF3AZYRTZAp4k7BLtCqRmHOJJE5pcokLpNdQGaV0SL2q7iI5XfNJzFaHLNIeQgGb0s2EQmQ47+jUh/t6wslUpquB7XljpwDvbTeuU4CjNeNG8oZOATZrxp3JGzoF+EHNuMN5Q6cAJ4FPKmLmgOfyxhRg6ls5pUZ1yL+aBbYAR0r8W4HP6sCcoKKIjFrq2fwV4QNsO3A3cDnwG3AImAA+TQ2qcxZfUP2n/8O6KrTqAc8D9emWHC8oT9IAAAAASUVORK5CYII=');
9
- $icon_utils: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADFElEQVRYhe2YT0hVQRSHf7YwsUVoakFtKmhdUfhUeLSrrFVQEES72rip1EoscFlLK2jRpl21tT8QhFkLq13gIotqlaRPQ8SkgvRrcefiOO/eufN8LzPwwMV375w5893fnHPm+aoArWZb968BsmwNsFz7rwHzkgYltVdgnRpJZyU9lTQm6ZukUUl9GQwSkHS1AgUimwduAHUpvlnXLmCYYpsFDmXNT3p4AJhICDgC7C0RbgvwISHWGNASEiPpYdLbxvYJ2FQC4F1rbj/w1nx+ERoj6WE78NsDeSIw+E7gh5kzYJ5dM/dzwFbH/yDQ58ZJStAnkm570rY+sDDaTHEgqd88GzJ/ayWdk7Td3Ock3Zd0OrRINgKjKQq+ApoCFOw0/j8tteqAaSvWd6LtjgtyKkRBSZqRdFLS+4SxnKQBSU0ZCsaHfLXlOy3plqRxc79BUTtrNPe/QhWU9cbHgQ7gTYKSm1Pm5YAvlm+bM15PlOvXWSwcgGdurFJaRpOBsu010Oj4tVhbBtAFVHni3rR8z5QDKKNYEmSsZI6lPbTbmZ8HdgPbgMNE1R3bMFBbLqCABgNl20vgmAN30ZnXRXQqzbPYfmIbAXYkrbccwLTtts1VrjvFbxa4Q3GalA0Yb/fzALgua2zcjHcDp0hRrVKAAo4CCx64XmtsksDzt1KAbitx4a5YY1+BPctZZ7lwzfgLwlZuxQFb8LcSW7k5FlNgRbY4R5ToIXATREp3OM9a/xZgjqUnhG9bZ4D91linNTZpYlUU0IVzlbMBIGrE5z0+hVAlQ3POt63uwnZ+XvL4ThCQk5VUbhLYR1StNmSPM+eCM8erZBacr1rtE8JVw21Dlz0vVsCTk2lwDcBnE2CB4oKwz9YCyVvltqOkLw9xC/pIyj9jaYBHrMC9Hris3pYzPmmQPdZYeymAeWviPaAmAS4oyT1KrjexY8uXAlgNPLImP2BpnwtuExakXWxXHbjHZs2SiqQeGKTYpgKVy9ru2IbMWiVXcQxpfy1/t0y4+Go2MWJ7SMYvFVWw9hNwWbYGWK6tesA/ap/6uHJWeiAAAAAASUVORK5CYII=');
10
- $icon_world: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEZklEQVRYhe2YW4iVVRTHf4465oSaUNlUjo7SmCBEPVipTWYXoV7qoejykhRCEVQP9pAFSWVBPdRTMNRLWGRaFr2FSShmEQ1KzQymUhpeMky6ONbcfj3sdZpvvvnO8Zy5lA/+YcP51jpr7bVv/7X2nqByNqPu/w7gTDgX4GgxaYR2DcDlwC3AUmAh0ARMDf1fwGGgE9gFfAb8AJyquSe1ljZFXa6+o/Y4FD3qvmh5neomdYXaUEuftQQ3T31d7Y8O96tdal98P69eos5SXwhZn7pb7cgE2qa2jHWAy9Svo4Nf1VfUG9VPQvauWp/5f726MXSb1WvVF9XjIftWvXWsArxdPRSOt5uWCfV+dUDtVJsL7K5Q98aM3xuyVnVr+Dqi3jHaAJepx8Lhe2pTyJvVn6PzVRXsHw7bw+rckDWqb4b8mHrbSAOcp7aHozZ1Wka3NuQfqHUVfExUt8R/n8rI69XXQt6lLijnoxzNTAEeA64GeoDzgbVBI5OBu+J/FwPrg3aK0A1cGL8fB+YAfUFDF4T+SmAN8ATwZ97BBC3MxdeTuGtqOBSYkGklgu/NyIpgtMnxPRDfpd9kdCuBT/MOimawHlgdwW0DPs918AAwH9gK7MjoyqEHWA6sAPYBGzMD6gWWRHCPhL/TQ4dYfPpOxSFYXKDvVE+YaKZamrpZPWmil7xuoXrQxAiL8vqiXHwTaU99BbTndItJe+Zoga4S2oFjpJR4TU7XBXwZs7oyb1gU4DKgH/iCtP+yaAlH+4E/agjwJCkXTwwfeewgLXdrNQEuAn6neIYaSfvwQA3BlXCAdEAaC3TtpEFclVcUHZIm0sauC2f1Ie8lLZGkmbiI8vSSR3fYDYSPyzJ990YfvQxS0r8oopkTJI76jbTUpRMnMI3Ekd2k0qnaenKAxKUNwN+k7ZH1Wxd9nswHWWvBWo7vxg1FSyzwC/AgsIfBJe4DngNWAW1UziB5dAPPAo8CbwPrGLrELcAGYEY1AR4C5pKW5WhOt5c0iwMxiFpQykBdpGo7i7kkwj+eNypa4g5gOsP5ChKX1ZG4sFbMjyDzgyb6mgl8V02AO0mndAnDZ/h70hZoJg2iWswMm37SKuRxA2kGtw/TFKSelipTXesIUt3uWlNd0R78EXifdEheYnixMDlm5BlqKxZmkChqHcOLhdnAxxQkgErl1jbgPM7CcgtS6nkDeDIcbQZ+IpVgk4A7gUtJBcVOKhesS0n5/QjwEYMF6yzg7gjwLVLuLxhi+X3TrH4TZXmbOj2jezrkZyr5JzlY8q/JyKsu+UdzaToaG/uhCvarw/agOscxvjSVWvbaucPBa+d9plvdXlORm7dbELo+9Z6Qjfm1MzuT2Yv7q9HZlpBtdOjFfar6Yeg2qdep6x2ni3upFT19dDj49PGy6emjMQZg6PaY9lkJ4/L0UWqlx6MNDn8g6o2g98fvPEb0eFSOB8+Eoue32Rm6OR200hn0sY0RPr+NNMD/DGf9C+u5AEeLfwBkrdN1844nCgAAAABJRU5ErkJggg==');
11
-
12
- #SidePanel {
13
- background-color: #0d0d0d;
14
- border: 1px solid #111;
15
- max-height: 100%;
16
- min-height: $barHeight;
17
- overflow-y: auto;
18
- pointer-events: visible;
19
- position: absolute;
20
- right: 0;
21
- top: 0;
22
- bottom: 0;
23
- width: 300px;
24
-
25
- .accordion {
26
- border-bottom: 1px dotted #333;
27
- background-color: #111;
28
- line-height: 0;
29
- resize: vertical;
30
- overflow-y: auto;
31
-
32
- &.hide {
33
- resize: none;
34
- overflow-y: hidden;
35
- }
36
-
37
- > div {
38
- display: grid;
39
- grid-template-rows: 0fr;
40
- margin-left: 5px;
41
- transition: 0.33s grid-template-rows cubic-bezier(0.645, 0.045, 0.355, 1);
42
- > div {
43
- overflow: hidden;
44
- }
45
- &.open {
46
- grid-template-rows: 1fr;
47
- }
48
- }
49
-
50
- .icon {
51
- height: $barHeight;
52
- width: $barHeight;
53
- button {
54
- text-indent: -9999px;
55
- white-space: nowrap;
56
- }
57
- }
58
-
59
- .toggle {
60
- background-color: #333;
61
- display: inline-block;
62
- font-size: 12px;
63
- font-weight: bold;
64
- margin: 0;
65
- padding: 0;
66
- position: relative;
67
- user-select: none;
68
- width: 100%;
69
- height: 20px;
70
- transition: background-color 0.2s linear;
71
- &:hover {
72
- background-color: #444;
73
- }
74
- p {
75
- margin: 0;
76
- padding: 0;
77
- }
78
- .label {
79
- display: inline;
80
- position: absolute;
81
- left: 25px;
82
- top: 3px;
83
- }
84
- }
85
- }
86
-
87
- input {
88
- background-color: #222;
89
- border: 1px dotted #333;
90
- font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
91
- font-size: 10px;
92
- padding: 4px;
93
- }
94
-
95
- button {
96
- background-color: transparent;
97
- border: none;
98
- color: #FFF;
99
- font-size: 12px;
100
- margin: 0;
101
- padding: 0;
102
- text-align: left;
103
- }
104
-
105
- #options {
106
- border-bottom: 1px solid #111;
107
- display: flex;
108
- margin: 0;
109
- padding: 0;
110
- list-style-type: none;
111
- width: 100%;
112
-
113
- .selected {
114
- background-color: #222;
115
- button {
116
- pointer-events: none;
117
- }
118
- }
119
-
120
- button {
121
- min-width: $barHeight;
122
- height: $barHeight;
123
- text-align: center;
124
- width: 100%;
125
- &:hover {
126
- background-color: #333;
127
- }
128
- }
129
-
130
- li {
131
- border-right: 1px solid #111;
132
- font-size: 12px;
133
- line-height: $barHeight;
134
- min-height: $barHeight;
135
- min-width: $barHeight;
136
- text-align: center;
137
- width: 100%;
138
- &:first-child {
139
- border-left: 1px solid #111;
140
- }
141
- }
142
- }
143
-
144
- .status, .refresh {
145
- display: inline-block;
146
- margin: 0;
147
- padding: 0;
148
- overflow: hidden;
149
- width: $barHeight;
150
- height: $barHeight;
151
- text-indent: -9999px;
152
- white-space: nowrap;
153
- }
154
-
155
- .status {
156
- background-image: $icon_folder;
157
- background-position-x: 2px;
158
- background-position-y: 2px;
159
- background-size: 32px 16px;
160
- &.open {
161
- background-position-x: 18px;
162
- }
163
- }
164
-
165
- .refresh {
166
- background-color: transparent;
167
- background-image: $icon_refresh;
168
- background-position: 2px 2px;
169
- background-repeat: no-repeat;
170
- background-size: 16px 16px;
171
- position: absolute;
172
- right: 5px;
173
- }
174
-
175
- .childObject {
176
- background-color: #111;
177
- min-height: $barHeight;
178
- overflow: hidden;
179
-
180
- ::-webkit-scrollbar {
181
- width: 10px;
182
- }
183
-
184
- ::-webkit-scrollbar-track {
185
- background: #0d0d0d;
186
- }
187
-
188
- ::-webkit-scrollbar-thumb {
189
- background: #666;
190
- }
191
-
192
- ::-webkit-scrollbar-thumb:hover {
193
- background: #999;
194
- }
195
-
196
- .child {
197
- background-color: #222;
198
- border: none;
199
- border-bottom: 1px solid #111;
200
- height: $barHeight;
201
- position: relative;
202
-
203
- &:hover {
204
- background-color: #333;
205
- }
206
- }
207
-
208
- .name {
209
- background-color: transparent;
210
- max-lines: 1;
211
- overflow: hidden;
212
- position: absolute;
213
- left: 5px;
214
- right: 30px;
215
- top: 50%;
216
- transform: translateY(-50%);
217
- white-space: nowrap;
218
- }
219
-
220
- > div {
221
- display: grid;
222
- grid-template-rows: 0fr;
223
- transition: 0.33s grid-template-rows cubic-bezier(0.645, 0.045, 0.355, 1);
224
- &.open {
225
- grid-template-rows: 1fr;
226
- }
227
- .container {
228
- padding-left: 5px;
229
- height: auto;
230
- overflow-x: hidden;
231
- overflow-y: auto;
232
- max-height: $maxHeight;
233
-
234
- &.closed {
235
- height: 0;
236
- overflow: hidden;
237
- }
238
- }
239
- }
240
-
241
- .icon {
242
- background-color: transparent;
243
- background-image: $icon_world;
244
- background-size: 20px 20px;
245
- display: inline-block;
246
- position: absolute;
247
- right: 5px;
248
- top: 0;
249
- width: $barHeight;
250
- height: $barHeight;
251
- transform: scale(0.8);
252
- }
253
-
254
- .obj3D {
255
- background-image: $icon_world;
256
- }
257
-
258
- .camera {
259
- background-image: $icon_camera;
260
- }
261
-
262
- .interactive {
263
- background-image: $icon_interactive;
264
- }
265
-
266
- .light {
267
- background-image: $icon_lights;
268
- }
269
-
270
- .ui {
271
- background-image: $icon_ui;
272
- }
273
-
274
- .utils {
275
- background-image: $icon_utils;
276
- }
277
- }
278
- }
@@ -1,9 +0,0 @@
1
- $ROW_HEIGHT: 22px;
2
- $BAR_COLOR: rgba(34, 34, 34, 0.8);
3
- $BORDER_COLOR: rgba(17, 17, 17, 0.9);
4
- $BTN_SIZE: 32px;
5
- $BTN_HOVER: rgba(51, 51, 51, 0.8);
6
- $BTN_SELECTED: rgba(68, 68, 68, 0.8);
7
- $BTN_SELECTED_HOVER: rgba(85, 85, 85, 0.8);
8
- $PANEL: rgba(25, 25, 25, 0.8);
9
- $PANEL_DARK: rgba(17, 17, 17, 0.8);
@@ -1,67 +0,0 @@
1
- @import 'theme';
2
- @import 'debug';
3
- @import 'sidePanel';
4
-
5
- .editor {
6
- font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
7
- font-size: 10px;
8
- left: 0;
9
- pointer-events: none;
10
- position: absolute;
11
- top: 0;
12
- width: 100%;
13
- height: 100%;
14
-
15
- button {
16
- background: none;
17
- border: none;
18
- color: white;
19
- display: inline-block;
20
- margin: 0;
21
- padding: 0;
22
- text-align: left;
23
- }
24
-
25
- header {
26
- display: inline-block;
27
- pointer-events: visible;
28
- position: relative;
29
- left: 50px;
30
- top: 12px;
31
- z-index: 101;
32
- }
33
-
34
- footer {
35
- position: absolute;
36
- right: 5px;
37
- bottom: 0;
38
- }
39
- }
40
-
41
- @import 'dropdown';
42
- @import 'draggable';
43
-
44
- .fsAbsolute {
45
- position: absolute;
46
- left: 0;
47
- right: 0;
48
- top: 0;
49
- bottom: 0;
50
- }
51
-
52
- .absoluteCenter {
53
- position: absolute;
54
- left: 50%;
55
- top: 50%;
56
- transform: translate(-50%, -50%);
57
- }
58
-
59
- .hidden {
60
- display: none;
61
- visibility: hidden;
62
- }
63
-
64
- .hideText {
65
- text-indent: -9999px;
66
- white-space: nowrap;
67
- }
@@ -1,41 +0,0 @@
1
- import { useState } from 'react';
2
- import { capitalize } from '@/editor/utils';
3
-
4
- type AccordionProps = {
5
- label: string
6
- button?: JSX.Element
7
- children?: JSX.Element | JSX.Element[]
8
- open?: boolean
9
- onToggle?: (value: boolean) => void
10
- }
11
-
12
- export default function Accordion(props: AccordionProps) {
13
- const [open, setOpen] = useState(props.open !== undefined ? props.open : true);
14
- const hide = !open || props.children === undefined;
15
-
16
- return (
17
- <div className={`accordion ${hide ? 'hide' : ''}`}>
18
- <button
19
- className='toggle'
20
- onClick={() => {
21
- const value = !open;
22
- if (props.onToggle !== undefined) props.onToggle(value);
23
- setOpen(value);
24
- }}
25
- >
26
- <p
27
- className={`status ${open ? 'open' : ''}`}
28
- >
29
- Toggle
30
- </p>
31
- <p className='label'>{capitalize(props.label)}</p>
32
- </button>
33
- {props.button}
34
- <div className={open ? 'open' : ''}>
35
- <div>
36
- {props.children}
37
- </div>
38
- </div>
39
- </div>
40
- );
41
- }