@jant/core 0.3.27 → 0.3.28

package/src/services/settings.ts

@@ -61,20 +61,28 @@ export function createSettingsService(db: Database): SettingsService {
 
     async setMany(entries) {
       const timestamp = now();
-      const keys = Object.keys(entries) as SettingsKey[];
+      const pairs = (Object.keys(entries) as SettingsKey[])
+        .map((key) => ({ key, value: entries[key] }))
+        .filter(
+          (pair): pair is { key: SettingsKey; value: string } =>
+            pair.value !== undefined,
+        );
 
-      for (const key of keys) {
-        const value = entries[key];
-        if (value !== undefined) {
-          await db
-            .insert(settings)
-            .values({ key, value, updatedAt: timestamp })
-            .onConflictDoUpdate({
-              target: settings.key,
-              set: { value, updatedAt: timestamp },
-            });
-        }
-      }
+      if (pairs.length === 0) return;
+
+      const queries = pairs.map(({ key, value }) =>
+        db
+          .insert(settings)
+          .values({ key, value, updatedAt: timestamp })
+          .onConflictDoUpdate({
+            target: settings.key,
+            set: { value, updatedAt: timestamp },
+          }),
+      );
+
+      await db.batch(
+        queries as [(typeof queries)[number], ...(typeof queries)[number][]],
+      );
     },
 
     async isOnboardingComplete() {

package/src/style.css

@@ -0,0 +1,3 @@
+/* Tailwind CSS v4 + Jant Core */
+@import "tailwindcss";
+@import "./preset.css";

package/src/styles/components.css

@@ -8,7 +8,21 @@
 /* Custom utilities */
 @layer utilities {
   .container {
-    @apply mx-auto max-w-2xl px-4;
+    max-width: var(--site-width);
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: var(--site-padding);
+    padding-right: var(--site-padding);
+  }
+
+  .container-sidebar {
+    max-width: calc(
+      var(--sidebar-width) + var(--sidebar-gap) + var(--site-width)
+    );
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: var(--site-padding);
+    padding-right: var(--site-padding);
   }
 }
 
@@ -78,3 +92,30 @@
     opacity: 0;
   }
 }
+
+/* Skeleton screen sizing — used in SSR fallbacks while Lit hydrates */
+@layer components {
+  .skel-label {
+    min-height: 1.5rem;
+  }
+
+  .skel-input {
+    height: 2.75rem;
+  }
+
+  .skel-textarea {
+    height: 6rem;
+  }
+
+  .skel-section-sm {
+    min-height: 180px;
+  }
+
+  .skel-section-md {
+    min-height: 200px;
+  }
+
+  .skel-section-lg {
+    min-height: 300px;
+  }
+}

package/src/styles/tokens.css

@@ -22,6 +22,10 @@
   --content-gap: 1rem;
   --space-xl: 2rem;
 
+  /* Sidebar layout (dashboard + site sidebar pages) */
+  --sidebar-width: 12rem;
+  --sidebar-gap: 2rem;
+
   /* Surfaces */
   --card-bg: var(--card);
   --card-radius: 0;