@geekity/cms 0.40.0 → 0.42.0

package/admin/static/admin.css

@@ -7,6 +7,7 @@
       --tw-translate-z: 0;
       --tw-space-y-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-ordinal: initial;
       --tw-slashed-zero: initial;
@@ -65,10 +66,13 @@
     --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
     --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --leading-tight: 1.25;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: var(--font-sans);
@@ -7052,6 +7056,10 @@
     position: sticky;
   }
 
+  .inset-0 {
+    inset: 0;
+  }
+
   .end-1 {
     inset-inline-end: calc(var(--spacing) * 1);
   }
@@ -7072,6 +7080,10 @@
     top: calc(var(--spacing) * 2);
   }
 
+  .bottom-0 {
+    bottom: 0;
+  }
+
   .left-0 {
     left: 0;
   }
@@ -7143,6 +7155,10 @@
     z-index: 50;
   }
 
+  .z-100 {
+    z-index: 100;
+  }
+
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -7183,6 +7199,10 @@
     margin-inline-start: calc(var(--spacing) * -2);
   }
 
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+
   .me-auto {
     margin-inline-end: auto;
   }
@@ -7219,6 +7239,10 @@
     margin-top: calc(var(--spacing) * 10);
   }
 
+  .mt-auto {
+    margin-top: auto;
+  }
+
   .mr-auto {
     margin-right: auto;
   }
@@ -7251,6 +7275,14 @@
     margin-bottom: calc(var(--spacing) * 10);
   }
 
+  .ml-3 {
+    margin-left: calc(var(--spacing) * 3);
+  }
+
+  .box-content {
+    box-sizing: content-box;
+  }
+
   .alert {
     border-width: var(--border);
     border-color: var(--alert-border-color, var(--color-base-200));
@@ -7347,6 +7379,10 @@
     height: auto;
   }
 
+  .h-auto\! {
+    height: auto !important;
+  }
+
   .h-full {
     height: 100%;
   }
@@ -7367,6 +7403,10 @@
     min-height: calc(var(--spacing) * 64);
   }
 
+  .min-h-\[calc\(100dvh-4rem\)\] {
+    min-height: calc(100dvh - 4rem);
+  }
+
   .min-h-full {
     min-height: 100%;
   }
@@ -7443,6 +7483,10 @@
     max-width: var(--container-6xl);
   }
 
+  .max-w-\[70ch\] {
+    max-width: 70ch;
+  }
+
   .max-w-full {
     max-width: 100%;
   }
@@ -7572,6 +7616,10 @@
     justify-content: flex-end;
   }
 
+  .justify-start {
+    justify-content: flex-start;
+  }
+
   .gap-1 {
     gap: var(--spacing);
   }
@@ -7596,6 +7644,10 @@
     gap: calc(var(--spacing) * 6);
   }
 
+  .gap-6\! {
+    gap: calc(var(--spacing) * 6) !important;
+  }
+
   .gap-px {
     gap: 1px;
   }
@@ -7638,6 +7690,10 @@
     overflow-x: auto;
   }
 
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+
   .rounded {
     border-radius: .25rem;
   }
@@ -7654,6 +7710,10 @@
     border-radius: 3.40282e38px;
   }
 
+  .rounded-none\! {
+    border-radius: 0 !important;
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -7684,10 +7744,18 @@
     border-bottom-width: 2px;
   }
 
+  .border-base-200 {
+    border-color: var(--color-base-200);
+  }
+
   .border-base-300 {
     border-color: var(--color-base-300);
   }
 
+  .border-transparent\! {
+    border-color: #0000 !important;
+  }
+
   .border-warning {
     border-color: var(--color-warning);
   }
@@ -7730,6 +7798,10 @@
     }
   }
 
+  .bg-transparent\! {
+    background-color: #0000 !important;
+  }
+
   .bg-warning {
     background-color: var(--color-warning);
   }
@@ -7816,7 +7888,7 @@
     stroke: var(--color-base-100);
   }
 
-  .stroke-base-content\/10 {
+  .stroke-base-content, .stroke-base-content\/10 {
     stroke: var(--color-base-content);
   }
 
@@ -7876,6 +7948,10 @@
     padding: calc(var(--spacing) * 6);
   }
 
+  .px-0\! {
+    padding-inline: 0 !important;
+  }
+
   .px-1 {
     padding-inline: var(--spacing);
   }
@@ -7884,10 +7960,18 @@
     padding-inline: calc(var(--spacing) * 2);
   }
 
+  .px-6\! {
+    padding-inline: calc(var(--spacing) * 6) !important;
+  }
+
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
 
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+
   .ps-5 {
     padding-inline-start: calc(var(--spacing) * 5);
   }
@@ -7908,6 +7992,14 @@
     padding-top: calc(var(--spacing) * 4);
   }
 
+  .pt-16\! {
+    padding-top: calc(var(--spacing) * 16) !important;
+  }
+
+  .pb-0\! {
+    padding-bottom: 0 !important;
+  }
+
   .pb-1 {
     padding-bottom: var(--spacing);
   }
@@ -7929,6 +8021,11 @@
     line-height: var(--tw-leading, var(--text-2xl--line-height));
   }
 
+  .text-3xl\! {
+    font-size: var(--text-3xl) !important;
+    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
+  }
+
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -7954,6 +8051,15 @@
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
 
+  .text-\[1\.0625rem\] {
+    font-size: 1.0625rem;
+  }
+
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -8038,6 +8144,10 @@
     text-transform: capitalize;
   }
 
+  .italic {
+    font-style: italic;
+  }
+
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
@@ -8051,7 +8161,17 @@
     opacity: .7;
   }
 
-  .shadow, .shadow-sm {
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-none\! {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+
+  .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -8238,6 +8358,15 @@
     outline-style: solid;
   }
 
+  .has-checked\:border-2:has(:checked) {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+
+  .has-checked\:border-primary:has(:checked) {
+    border-color: var(--color-primary);
+  }
+
   @media not all and (min-width: 64rem) {
     .max-lg\:relative {
       position: relative;
@@ -8517,6 +8646,10 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
+    .xl\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
     .xl\:grid-cols-6 {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
@@ -8539,8 +8672,8 @@
   }
 
   @container (min-width: 48rem) {
-    .\@3xl\:col-span-2 {
-      grid-column: span 2 / span 2;
+    .\@3xl\:min-h-24 {
+      min-height: calc(var(--spacing) * 24);
     }
 
     .\@3xl\:grid-cols-2 {
@@ -8554,6 +8687,34 @@
     }
   }
 
+  .\[\&_\.fieldset-legend\]\:text-xs .fieldset-legend {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
+  .\[\&_\.fieldset-legend\]\:font-medium .fieldset-legend {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+
+  .\[\&_\.fieldset-legend\]\:text-base-content\/55 .fieldset-legend {
+    color: var(--color-base-content);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&_\.fieldset-legend\]\:text-base-content\/55 .fieldset-legend {
+      color: color-mix(in oklab, var(--color-base-content) 55%, transparent);
+    }
+  }
+
+  .\[\&\>p\]\:min-h-0 > p {
+    min-height: 0;
+  }
+
+  .\[\&\>p\]\:basis-auto > p {
+    flex-basis: auto;
+  }
+
   @media (min-width: 64rem) {
     @media (hover: hover) {
       .lg\:\[\@media\(hover\:hover\)\]\:opacity-0 {
@@ -8744,6 +8905,38 @@
   }
 }
 
+html.editor-focus #editor-surface .cm-editor {
+  background-color: #0000;
+  border-color: #0000;
+  height: auto;
+  min-height: 60dvh;
+  font-size: 1.0625rem;
+}
+
+html.editor-focus #editor-surface .cm-editor.cm-focused {
+  outline: none;
+}
+
+html.editor-focus #editor-surface .cm-scroller {
+  line-height: 1.8;
+}
+
+html.editor-focus #editor-surface .cm-content {
+  padding-block: 0;
+}
+
+html.editor-focus #editor-surface .cm-line {
+  padding-inline: 0;
+}
+
+html.editor-focus #editor-surface .cm-gutters {
+  display: none;
+}
+
+html.editor-focus #editor-surface .cm-activeLine {
+  background-color: #0000;
+}
+
 @keyframes rotator {
   89.9999%, 100% {
     --first-item-position: 0 0%;
@@ -8876,6 +9069,11 @@
   initial-value: solid;
 }
 
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-font-weight {
   syntax: "*";
   inherits: false

package/admin/static/dashboard.js

@@ -11,7 +11,7 @@
   var dragged = null;
   var before = '';
 
-  Array.prototype.forEach.call(cards(), function (card) {
+  Array.prototype.forEach.call(cards(grid), function (card) {
     var title = card.querySelector('.card-title');
     var handle = document.createElement('span');
     handle.className = 'cursor-grab select-none text-base-content/60';
@@ -26,7 +26,7 @@
     });
     card.addEventListener('dragstart', function (event) {
       dragged = card;
-      before = order().join('\n');
+      before = arrangement();
       event.dataTransfer.effectAllowed = 'move';
       event.dataTransfer.setData('text/plain', card.getAttribute('data-dashboard-card'));
       card.classList.add('opacity-50');
@@ -35,44 +35,64 @@
       card.draggable = false;
       card.classList.remove('opacity-50');
       dragged = null;
-      if (order().join('\n') !== before) save(card);
+      if (arrangement() !== before) save(card);
     });
   });
 
   grid.addEventListener('dragover', function (event) {
     if (!dragged) return;
     event.preventDefault();
+    var column = event.target.closest('[data-dashboard-column]');
+    if (!column) return;
     var over = event.target.closest('[data-dashboard-card]');
-    if (!over || over === dragged) return;
-    var past = isPastDiagonal(over.getBoundingClientRect(), event);
-    if (past && over.nextElementSibling !== dragged) over.after(dragged);
-    else if (!past && over.previousElementSibling !== dragged) over.before(dragged);
+    if (over === dragged) return;
+    if (!over) {
+      if (column.lastElementChild !== dragged) column.appendChild(dragged);
+      return;
+    }
+    var box = over.getBoundingClientRect();
+    if (event.clientY > box.top + box.height / 2) {
+      if (over.nextElementSibling !== dragged) over.after(dragged);
+    } else if (over.previousElementSibling !== dragged) {
+      over.before(dragged);
+    }
   });
   grid.addEventListener('drop', function (event) {
     if (dragged) event.preventDefault();
   });
 
-  function isPastDiagonal(box, event) {
-    return (event.clientX - box.left) / box.width + (event.clientY - box.top) / box.height > 1;
+  function columns() {
+    return Array.prototype.slice.call(grid.querySelectorAll('[data-dashboard-column]'));
   }
 
-  function cards() {
-    return Array.prototype.slice.call(grid.querySelectorAll('[data-dashboard-card]'));
+  function cards(within) {
+    return Array.prototype.slice.call(within.querySelectorAll('[data-dashboard-card]'));
   }
 
-  function order() {
-    return cards().map(function (card) {
+  function keys(column) {
+    return cards(column).map(function (card) {
       return card.getAttribute('data-dashboard-card');
     });
   }
 
+  function arrangement() {
+    return columns()
+      .map(function (column) {
+        return keys(column).join('\n');
+      })
+      .join('\n\n');
+  }
+
   function save(card) {
     var form = card.querySelector('form');
     var body = new URLSearchParams();
     body.append('csrf_token', form.elements['csrf_token'].value);
     body.append('action', 'order');
-    order().forEach(function (key) {
-      body.append('order', key);
+    columns().forEach(function (column) {
+      var side = column.getAttribute('data-dashboard-column');
+      keys(column).forEach(function (key) {
+        body.append(side, key);
+      });
     });
     fetch(url, {
       method: 'POST',
@@ -85,14 +105,17 @@
           throw new Error(String(response.status));
         }
         moveButtons();
-        var all = cards();
+        var column = card.closest('[data-dashboard-column]');
+        var stack = cards(column);
         live.textContent =
           card.querySelector('.card-title').textContent.replace('⠿', '').trim() +
           ' moved to position ' +
-          String(all.indexOf(card) + 1) +
+          String(stack.indexOf(card) + 1) +
           ' of ' +
-          String(all.length) +
-          '.';
+          String(stack.length) +
+          ' in the ' +
+          column.getAttribute('data-dashboard-column') +
+          ' column.';
       })
       .catch(function () {
         window.location.reload();
@@ -100,10 +123,15 @@
   }
 
   function moveButtons() {
-    var all = cards();
-    all.forEach(function (card, index) {
-      card.querySelector('button[value="earlier"]').disabled = index === 0;
-      card.querySelector('button[value="later"]').disabled = index === all.length - 1;
+    columns().forEach(function (column) {
+      var side = column.getAttribute('data-dashboard-column');
+      var stack = cards(column);
+      stack.forEach(function (card, index) {
+        card.querySelector('button[value="earlier"]').disabled = index === 0;
+        card.querySelector('button[value="later"]').disabled = index === stack.length - 1;
+        card.querySelector('button[value="left"]').hidden = side === 'left';
+        card.querySelector('button[value="right"]').hidden = side === 'right';
+      });
     });
   }
 })();