tsondb 0.20.4 → 0.20.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsondb",
-  "version": "0.20.4",
+  "version": "0.20.6",
   "description": "",
   "license": "ISC",
   "author": "Lukas Obermann",
@@ -36,31 +36,31 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@rsbuild/plugin-preact": "^2.0.0",
-    "@rslib/core": "^0.22.0",
+    "@rsbuild/plugin-preact": "^2.1.0",
+    "@rslib/core": "^1.0.0",
     "@types/debug": "^4.1.13",
     "@types/express": "^5.0.6",
-    "@types/node": "^25.9.2",
-    "commit-and-tag-version": "^12.7.3",
+    "@types/node": "^22.20.2",
+    "@typescript/native": "npm:typescript@^7.0.2",
+    "commit-and-tag-version": "^13.2.0",
     "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "globals": "^17.6.0",
-    "prettier": "^3.8.3",
-    "rslib": "^0.0.10",
-    "tsx": "^4.22.4",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.60.1"
+    "globals": "^17.12.0",
+    "prettier": "^3.9.6",
+    "tsx": "^4.23.13",
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "typescript-eslint": "^8.70.0"
   },
   "dependencies": {
-    "@elyukai/markdown": "^0.2.2",
-    "@elyukai/utils": "^0.3.4",
-    "@preact/signals": "^2.9.1",
+    "@elyukai/markdown": "^0.3.3",
+    "@elyukai/utils": "^0.3.6",
+    "@preact/signals": "^2.11.2",
     "debug": "^4.4.3",
     "express": "^5.2.1",
     "messageformat": "^4.0.0",
-    "preact": "^10.29.2",
-    "preact-iso": "^2.12.0",
+    "preact": "^10.29.8",
+    "preact-iso": "^2.12.2",
     "simple-cli-args": "^0.1.3",
     "simple-git": "^3.36.0"
   },

package/public/css/styles.css

@@ -244,6 +244,14 @@ button {
   cursor: pointer;
 }
 
+@media (any-pointer: fine) {
+  a.btn,
+  button {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.9rem;
+  }
+}
+
 a.btn:hover,
 button:hover {
   background: var(--color-button-background-hover);
@@ -255,7 +263,6 @@ a.btn--primary,
 button.primary {
   background: var(--color-button-background-primary);
   color: var(--color-button-foreground-primary);
-  padding: 0.5rem 1rem;
   border: none;
 }
 
@@ -276,7 +283,6 @@ a.btn--destructive,
 button.destructive {
   background: var(--color-button-background-destructive);
   color: var(--color-button-foreground-destructive);
-  padding: 0.5rem 1rem;
   border: none;
 }
 
@@ -316,6 +322,16 @@ select,
   border-radius: 0;
 }
 
+@media (any-pointer: fine) {
+  input,
+  textarea,
+  select,
+  .textarea-grow-wrap__mirror {
+    padding: 0.25rem 0.375rem;
+    font-size: 0.9rem;
+  }
+}
+
 input::placeholder,
 textarea::placeholder,
 select::placeholder {
@@ -396,7 +412,7 @@ input[type="checkbox"]:checked::before {
   height: 0.4rem;
   border-color: var(--color-background-primary);
   transform: rotate(-45deg);
-  margin: calc(-0.325rem) 0 0 calc(-0.4rem);
+  margin: -0.15rem 0 0 -0.325rem;
 }
 
 input[type="radio"]:checked::before {
@@ -515,6 +531,13 @@ select {
   container-type: inline-size;
 }
 
+@supports (grid-template-rows: subgrid) {
+  .entries {
+    display: grid;
+    grid-template-columns: 1fr auto auto;
+  }
+}
+
 .entries-item {
   display: grid;
   gap: 0.125rem 1.5rem;
@@ -527,6 +550,20 @@ select {
   --text-padding: 0.5rem;
 }
 
+@supports (grid-template-rows: subgrid) {
+  .entries-item {
+    grid-template-columns: subgrid;
+    grid-column: 1 / -1;
+    grid-template-areas: "title side side" "subtitle side side" ". side side";
+  }
+}
+
+@media (any-pointer: fine) {
+  .entries-item {
+    padding: 0.0625rem 0;
+  }
+}
+
 @container (min-width: 40rem) {
   .entries-item {
     grid-template-columns: 1fr auto auto;
@@ -534,6 +571,12 @@ select {
     grid-template-areas: "title subtitle side";
     align-items: center;
   }
+
+  @supports (grid-template-rows: subgrid) {
+    .entries-item {
+      grid-template-columns: subgrid;
+    }
+  }
 }
 
 .entries-item:first-child {
@@ -607,6 +650,7 @@ select {
   grid-area: side;
   display: flex;
   align-items: center;
+  justify-content: end;
   gap: 1rem;
 }
 
@@ -673,6 +717,11 @@ form > .field--container {
   border: none;
 }
 
+.field--container > .empty {
+  font-size: 0.8rem;
+  color: var(--color-foreground-tertiary);
+}
+
 .field--container > ul,
 .field--container > ol {
   margin: 0;
@@ -690,6 +739,13 @@ form > .field--container {
   grid-column: 1 / 4;
 }
 
+@media (any-pointer: fine) {
+  .field--container > ul > li,
+  .field--container > ol > li {
+    padding-block: 0.25rem;
+  }
+}
+
 .field--child-entities,
 .field--child-entities > ul > li,
 .field--child-entities > ol > li {
@@ -937,6 +993,13 @@ form > .field--container {
   align-self: center;
 }
 
+@media (any-pointer: fine) {
+  .container-item-title {
+    font-size: 0.9rem;
+    padding-block: 0.25rem;
+  }
+}
+
 .container-item-title .id {
   color: var(--color-foreground-tertiary);
   font-size: 0.8rem;
@@ -947,6 +1010,12 @@ form > .field--container {
   margin: 0.125rem 0 0;
 }
 
+@media (any-pointer: fine) {
+  .container-item-title .comment {
+    margin: 0.25rem 0 0;
+  }
+}
+
 .container-item-actions {
   flex: none;
   display: flex;
@@ -1002,6 +1071,21 @@ button[type="submit"] {
   margin: 0.35rem 0 0;
 }
 
+@media (any-pointer: fine) {
+  .comment {
+    font-size: 0.75rem;
+  }
+
+  .comment p {
+    margin: 0.25rem 0 0;
+  }
+
+  .comment ul {
+    padding-left: 1.25rem;
+    margin: 0.25rem 0 0;
+  }
+}
+
 main:has(.form-footer) {
   margin-bottom: -1.5rem;
 }