Merge pull request #35 from MetacityTools/dev

Release v0.5.1

Author: vojtatom

README.md

@@ -22,49 +22,36 @@ Currently:
 -   GLTF (triangles only)
 -   Metacity File Format (binary Studio export)
 
-## Roadmap
-
-The project is in active development. The roadmap is as follows:
-
----
-
-## Backlog
-
-These features are planned for the future, but not yet scheduled.
-
-### Priority Backlog
-
--   [ ] Shortcuts for tab switching in editor
-
-### Backlog
-
--   [ ] Loading GeoJSON
--   [ ] Loading IFC metadata loading (memory-efficiency???)
--   [ ] Frustum culling
--   [ ] Connect to on-line storage and model admin
--   [ ] Extract Utils to separate SDK form metacity editors
--   [ ] Optional interactivity - build BVH only if user opts-in to make the loaded models clickable
--   [ ] Optimize deleting models - partition model BVH nodes based on submodels's ids
--   [ ] Insert textured plane (location blueprints for reference)
--   [ ] Refactor General context - setting status messages, etc.
--   [ ] Add a button to open/hide the side panel
--   [ ] Do not allow keys to be empty in table view during conversion
-
 ---
 
 ## Planned Releases
 
 These features are planned for the future, and scheduled for a specific release.
 
-### v0.5.1
-
+### v0.5.1 - Work in progress
+
+GLTF loader now assumes Y+ as up axis (as in Blender) and converts the models to Z+ up axis. This is not a breaking change, but it is necessary to make the models compatible with the rest of the world.
+
+-   [x] Dark mode
+-   [x] Update import menu to allow importing multiple files at once, only separate models, tables, or reference planes
+-   [x] FIX: glTF glitch composing transforms with parents insice scene graph
+-   [x] FIX: coloring models when style changes - display live changes on save
+-   [ ] Color in table view according to metadata amount
+    -   [x] Colorize model
+    -   [ ] Adjustable limit of metadata for coloring.git
+    -   [x] Heatmap legend
+-   [x] Updated file extension (replacing .metacity with .mcmodel and .json.metactiy with .mcstyle), still supports the old extensions tho
+-   [x] Tooltip on hover over model and labels in 3D
+-   [x] FIX: Firefox handling mouse events for hover
+-   [x] Refactor processing status - https://github.com/MetacityTools/Studio/issues/33
+-   [x] Loading models based on param - base for https://github.com/MetacityTools/Studio/issues/22
+-   [ ] Feedback - show notifications on the bottom of the screen
 -   [ ] Projecting models onto models (2D onto 3D) - ✨WIP https://github.com/vojtatom/geometry
 -   [ ] Loading points and lines from SHP
 -   [ ] Export screenshot action
--   [ ] Tooltip on hover over model
--   [ ] Dark mode
+-   [ ] Lock camera position (two buttons - pan and rotation)
 
-### v0.5.0 - Work in progress
+### v0.5.0 - ✅ Released
 
 ⚠️ Breaking changes, old `.metacity` files will not be compatible.
 🧠 Call for consultation (TB planned, end of July 2023)

package.json

@@ -1,7 +1,7 @@
 {
     "name": "metacity-studio",
     "private": true,
-    "version": "0.5.0",
+    "version": "0.5.1",
     "type": "module",
     "scripts": {
         "dev": "vite",

studio/src/assets/index.css

@@ -17,8 +17,6 @@ body,
     font-weight: 400;
 
     color-scheme: light;
-    color: #222;
-    background-color: #fff;
 
     font-synthesis: none;
     text-rendering: optimizeLegibility;
@@ -27,47 +25,25 @@ body,
     -webkit-text-size-adjust: 100%;
 }
 
-@layer base {
+@layer components {
     input[type='number']::-webkit-outer-spin-button,
     input[type='number']::-webkit-inner-spin-button,
     input[type='number'] {
         -webkit-appearance: none;
         margin: 0;
         -moz-appearance: textfield !important;
     }
-}
 
-@layer components {
-    .disable-blur {
-        -webkit-image-rendering: pixelated;
-        -moz-image-rendering: pixelated;
-        -o-image-rendering: pixelated;
-        image-rendering: pixelated;
+    .slider-thumb::-webkit-slider-thumb {
+        @apply h-3 w-3 cursor-pointer appearance-none rounded-full bg-neutral-500;
     }
 
-    .text-upright {
-        writing-mode: vertical-rl;
-        text-orientation: upright;
+    .slider-thumb::-moz-range-thumb {
+        @apply h-3 w-3 cursor-pointer appearance-none rounded-full border-0 bg-neutral-500;
     }
 
     input[type='range'] {
-        @apply cursor-pointer appearance-none bg-transparent outline-none;
-    }
-
-    input[type='range']::-webkit-slider-runnable-track {
-        @apply rounded-full bg-neutral-300;
-    }
-
-    input[type='range']::-webkit-slider-thumb {
-        @apply h-4 w-4 appearance-none rounded-full bg-neutral-500;
-    }
-
-    input[type='range']::-moz-range-track {
-        @apply rounded-full bg-neutral-300;
-    }
-
-    input[type='range']::-ms-track {
-        @apply rounded-full bg-neutral-300;
+        @apply slider-thumb my-3 h-1.5 w-full cursor-pointer appearance-none rounded-lg bg-neutral-200 accent-neutral-500 dark:bg-neutral-700 dark:accent-neutral-400;
     }
 
     select {
@@ -100,16 +76,111 @@ body,
         background-size: 1rem 1rem;
         padding-right: 1.5rem;
     }
+}
+
+@layer components {
+    .disable-blur {
+        -webkit-image-rendering: pixelated;
+        -moz-image-rendering: pixelated;
+        -o-image-rendering: pixelated;
+        image-rendering: pixelated;
+    }
+}
+
+@layer components {
+    .active-border {
+        @apply border-amber-300 hover:border-amber-400 dark:border-amber-500 hover:dark:border-amber-400;
+    }
+
+    .active-text {
+        @apply text-amber-600 dark:text-amber-400;
+    }
+
+    .active-no-hover {
+        @apply active-text active-border bg-amber-100 dark:bg-amber-900;
+    }
+
+    .active-no-background {
+        @apply active-text active-border hover:text-amber-600 dark:hover:text-amber-400;
+    }
+
+    .active {
+        @apply active-no-hover active-no-background hover:bg-amber-200 dark:hover:bg-amber-700;
+    }
+
+    .base-border {
+        @apply border-neutral-200  dark:border-neutral-700;
+    }
+
+    .base-border-hover {
+        @apply hover:border-amber-400 dark:hover:border-amber-400;
+    }
+
+    .base-text {
+        @apply text-neutral-600 dark:text-neutral-400;
+    }
+
+    .base-no-hover {
+        @apply base-text base-border bg-white dark:bg-neutral-800;
+    }
+
+    .base-no-background {
+        @apply base-text base-border base-border-hover hover:text-amber-600 dark:hover:text-amber-400;
+    }
+
+    .base {
+        @apply base-no-hover base-no-background hover:bg-amber-200 dark:hover:bg-amber-700;
+    }
+
+    .hierarchy {
+        @apply hover:bg-neutral-100 dark:hover:bg-neutral-700;
+    }
+
+    .hierarchy-part {
+        @apply border-inherit bg-inherit text-inherit;
+    }
+
+    .hierarchy-active {
+        @apply bg-amber-100 text-amber-600 hover:bg-amber-200 dark:bg-amber-800 dark:text-amber-400 dark:hover:bg-amber-700;
+    }
+
+    .tab-button {
+        @apply flex flex-col items-center overflow-hidden overflow-ellipsis whitespace-nowrap border-l-4  p-4 text-center text-2xl outline-none;
+    }
+
+    .tab-list {
+        @apply bg-white;
+    }
+
+    .mc-background {
+        @apply bg-white dark:bg-neutral-800;
+    }
+
+    .mc-border {
+        @apply border-neutral-200 dark:border-neutral-700;
+    }
+
+    .text-900 {
+        @apply text-neutral-900 dark:text-white;
+    }
+
+    .text-500 {
+        @apply text-neutral-500 dark:text-neutral-400;
+    }
+
+    .mc-text {
+        @apply text-neutral-800 dark:text-neutral-200;
+    }
 
-    .shadow-even {
-        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    .table-th-color {
+        @apply bg-neutral-100 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400;
     }
 
-    .shadow-big {
-        box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.15);
+    .table-tr-color {
+        @apply odd:bg-neutral-50 dark:bg-neutral-900 dark:odd:bg-neutral-800;
     }
 
-    .shadow-container:hover > * {
-        @apply shadow-even;
+    .table-td-action-color {
+        @apply bg-neutral-100 text-neutral-400 dark:bg-neutral-800 dark:text-neutral-400;
     }
 }