@jant/core 0.3.6 → 0.3.8

package/dist/theme/layouts/DashLayout.js

@@ -107,6 +107,14 @@ function DashLayoutContent({ siteName, currentPath, children }) {
                                         message: "Redirects"
                                     })
                                 }),
+                                /*#__PURE__*/ _jsx("a", {
+                                    href: "/dash/navigation",
+                                    class: navClass("/dash/navigation", /^\/dash\/navigation/),
+                                    children: $__i18n._({
+                                        id: "UxKoFf",
+                                        message: "Navigation"
+                                    })
+                                }),
                                 /*#__PURE__*/ _jsx("a", {
                                     href: "/dash/settings",
                                     class: navClass("/dash/settings", /^\/dash\/settings/),

package/dist/theme/layouts/SiteLayout.js

@@ -0,0 +1,160 @@
+/**
+ * Site Layout
+ *
+ * Two-column layout for public pages with sidebar navigation.
+ * On mobile, uses a slide-out drawer menu.
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+/**
+ * Determine if a navigation link is active based on the current path.
+ *
+ * @param linkUrl - The link's URL
+ * @param currentPath - The current page path
+ * @returns Whether the link should be shown as active
+ */ function isLinkActive(linkUrl, currentPath) {
+    // External links are never active
+    if (linkUrl.startsWith("http://") || linkUrl.startsWith("https://")) {
+        return false;
+    }
+    // Exact match for home
+    if (linkUrl === "/") {
+        return currentPath === "/";
+    }
+    // Prefix match for other internal links
+    return currentPath === linkUrl || currentPath.startsWith(linkUrl + "/");
+}
+/**
+ * Check if a URL is external
+ */ function isExternalUrl(url) {
+    return url.startsWith("http://") || url.startsWith("https://");
+}
+/**
+ * Render navigation links with dot indicator for active state.
+ */ function NavLinks({ navigationLinks, currentPath }) {
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: navigationLinks.map((link)=>{
+            const active = isLinkActive(link.url, currentPath);
+            const external = isExternalUrl(link.url);
+            return /*#__PURE__*/ _jsxs("a", {
+                href: link.url,
+                class: `text-sm flex items-center gap-2 py-0.5 ${active ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"}`,
+                ...external ? {
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                } : {},
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        class: `size-1.5 rounded-full shrink-0 ${active ? "bg-primary" : "bg-transparent"}`
+                    }),
+                    link.label,
+                    external && /*#__PURE__*/ _jsx("span", {
+                        class: "ml-1 text-xs opacity-50",
+                        children: "↗"
+                    })
+                ]
+            }, link.id);
+        })
+    });
+}
+export const SiteLayout = ({ siteName, navigationLinks, currentPath, children })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "container py-8 md:flex md:gap-12",
+        "data-signals": JSON.stringify({
+            _drawerOpen: false
+        }),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex items-center justify-between mb-6 md:hidden",
+                children: [
+                    /*#__PURE__*/ _jsx("a", {
+                        href: "/",
+                        class: "text-xl font-semibold",
+                        children: siteName
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        "data-on:click": "$_drawerOpen = true",
+                        class: "p-2 -mr-2 text-muted-foreground hover:text-foreground",
+                        "aria-label": "Open menu",
+                        children: /*#__PURE__*/ _jsx("svg", {
+                            class: "size-5",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            "stroke-width": "1.5",
+                            stroke: "currentColor",
+                            children: /*#__PURE__*/ _jsx("path", {
+                                "stroke-linecap": "round",
+                                "stroke-linejoin": "round",
+                                d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "fixed inset-0 bg-black/50 z-40 opacity-0 pointer-events-none transition-opacity duration-300 ease-in-out md:hidden",
+                "data-class": "{'opacity-100 pointer-events-auto': $_drawerOpen, 'opacity-0 pointer-events-none': !$_drawerOpen}",
+                "data-on:click": "$_drawerOpen = false"
+            }),
+            /*#__PURE__*/ _jsxs("aside", {
+                class: "fixed inset-y-0 left-0 w-64 bg-background z-50 p-6 overflow-y-auto shadow-lg -translate-x-full transition-transform duration-300 ease-in-out md:hidden",
+                "data-class": "{'translate-x-0': $_drawerOpen, '-translate-x-full': !$_drawerOpen}",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex items-center justify-between mb-8",
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/",
+                                class: "text-xl font-semibold",
+                                children: siteName
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                "data-on:click": "$_drawerOpen = false",
+                                class: "p-2 -mr-2 text-muted-foreground hover:text-foreground",
+                                "aria-label": "Close menu",
+                                children: /*#__PURE__*/ _jsx("svg", {
+                                    class: "size-5",
+                                    fill: "none",
+                                    viewBox: "0 0 24 24",
+                                    "stroke-width": "1.5",
+                                    stroke: "currentColor",
+                                    children: /*#__PURE__*/ _jsx("path", {
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        d: "M6 18L18 6M6 6l12 12"
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("nav", {
+                        class: "flex flex-col gap-0.5",
+                        children: /*#__PURE__*/ _jsx(NavLinks, {
+                            navigationLinks: navigationLinks,
+                            currentPath: currentPath
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("aside", {
+                class: "hidden md:block md:w-48 md:shrink-0 md:sticky md:top-8 md:self-start",
+                children: [
+                    /*#__PURE__*/ _jsx("a", {
+                        href: "/",
+                        class: "text-xl font-semibold block mb-20",
+                        children: siteName
+                    }),
+                    /*#__PURE__*/ _jsx("nav", {
+                        class: "flex flex-col gap-0.5",
+                        children: /*#__PURE__*/ _jsx(NavLinks, {
+                            navigationLinks: navigationLinks,
+                            currentPath: currentPath
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                class: "flex-1 min-w-0",
+                children: children
+            })
+        ]
+    });
+};

package/dist/theme/layouts/index.js

@@ -1,2 +1,3 @@
 export { BaseLayout } from "./BaseLayout.js";
 export { DashLayout } from "./DashLayout.js";
+export { SiteLayout } from "./SiteLayout.js";

package/dist/types/sortablejs.d.js

@@ -0,0 +1,5 @@
+/**
+ * Minimal type declarations for sortablejs
+ *
+ * Only covers the API surface used by nav-reorder.ts.
+ */ 

package/dist/types.js

@@ -11,6 +11,33 @@ export const POST_TYPES = [
     "image",
     "page"
 ];
+export const MAX_MEDIA_ATTACHMENTS = 20;
+/**
+ * Media attachment rules per post type.
+ * Each entry is [min, max] or null (no media allowed).
+ */ export const POST_TYPE_MEDIA_RULES = {
+    note: [
+        0,
+        20
+    ],
+    article: [
+        0,
+        20
+    ],
+    image: [
+        1,
+        20
+    ],
+    link: [
+        0,
+        1
+    ],
+    quote: [
+        0,
+        20
+    ],
+    page: null
+};
 export const VISIBILITY_LEVELS = [
     "featured",
     "quiet",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "bin": {
@@ -37,6 +37,7 @@
     "drizzle-orm": "^0.45.1",
     "hono": "^4.11.7",
     "marked": "^17.0.1",
+    "sortablejs": "^1.15.6",
     "sqids": "^0.3.0",
     "uuidv7": "^1.1.0",
     "vite-ssr-components": "^0.5.2",
@@ -90,7 +91,7 @@
     "build": "pnpm build:lib",
     "build:lib": "swc src -d dist --strip-leading-paths --ignore '**/__tests__/**' && pnpm build:types",
     "build:types": "tsc -p tsconfig.build.json",
-    "typecheck": "tsc --noEmit && tsc -p tsconfig.client.json",
+    "typecheck": "tsc --noEmit",
     "db:generate": "drizzle-kit generate",
     "i18n:extract": "lingui extract",
     "i18n:compile": "lingui compile --typescript",

package/src/__tests__/helpers/app.ts

@@ -49,8 +49,13 @@ export function createTestApp(options: TestAppOptions = {}) {
 
   const app = new Hono<Env>();
 
-  // Inject services middleware
+  // Inject env bindings and services middleware
   app.use("*", async (c, next) => {
+    // Provide mock env bindings so c.env.* works in route handlers
+    c.env = {
+      SITE_URL: "http://localhost:9019",
+    } as AppVariables["services"] extends never ? never : Bindings;
+
     c.set("services", services as AppVariables["services"]);
     c.set("config", {});
 

package/src/__tests__/helpers/db.ts

@@ -79,6 +79,26 @@ export function createTestDatabase(options?: { fts?: boolean }) {
     }
   }
 
+  // Apply media attachments migration (position + blurhash)
+  const migration2 = readFileSync(
+    resolve(MIGRATIONS_DIR, "0002_add_media_attachments.sql"),
+    "utf-8",
+  );
+  for (const sql of migration2.split("--> statement-breakpoint")) {
+    const trimmed = sql.trim();
+    if (trimmed) sqlite.exec(trimmed);
+  }
+
+  // Apply navigation links migration
+  const migration3 = readFileSync(
+    resolve(MIGRATIONS_DIR, "0003_add_navigation_links.sql"),
+    "utf-8",
+  );
+  for (const sql of migration3.split("--> statement-breakpoint")) {
+    const trimmed = sql.trim();
+    if (trimmed) sqlite.exec(trimmed);
+  }
+
   const db = drizzle(sqlite, { schema });
 
   return { db, sqlite };

package/src/app.tsx

@@ -29,11 +29,13 @@ import { mediaRoutes as dashMediaRoutes } from "./routes/dash/media.js";
 import { settingsRoutes as dashSettingsRoutes } from "./routes/dash/settings.js";
 import { redirectsRoutes as dashRedirectsRoutes } from "./routes/dash/redirects.js";
 import { collectionsRoutes as dashCollectionsRoutes } from "./routes/dash/collections.js";
+import { navigationRoutes as dashNavigationRoutes } from "./routes/dash/navigation.js";
 
 // Routes - API
 import { postsApiRoutes } from "./routes/api/posts.js";
 import { uploadApiRoutes } from "./routes/api/upload.js";
 import { searchApiRoutes } from "./routes/api/search.js";
+import { timelineApiRoutes } from "./routes/api/timeline.js";
 
 // Routes - Feed
 import { rssRoutes } from "./routes/feed/rss.js";
@@ -168,6 +170,7 @@ export function createApp(config: JantConfig = {}): App {
 
   // API Routes
   app.route("/api/posts", postsApiRoutes);
+  app.route("/api/timeline", timelineApiRoutes);
 
   // Setup page component
   const SetupContent: FC = () => {
@@ -411,32 +414,14 @@ export function createApp(config: JantConfig = {}): App {
     const { email, password } = body;
 
     try {
-      const signInRequest = new Request(
-        `${c.env.SITE_URL}/api/auth/sign-in/email`,
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ email, password }),
-        },
-      );
-
-      const response = await c.var.auth.handler(signInRequest);
-
-      if (!response.ok) {
-        return dsToast("Invalid email or password", "error");
-      }
-
-      // Forward Set-Cookie headers from auth response
-      const cookieHeaders: Record<string, string> = {};
-      const setCookie = response.headers.get("set-cookie");
-      if (setCookie) {
-        cookieHeaders["Set-Cookie"] = setCookie;
-      }
+      const { headers } = await c.var.auth.api.signInEmail({
+        returnHeaders: true,
+        body: { email, password },
+        headers: c.req.raw.headers,
+      });
 
-      return dsRedirect("/dash", { headers: cookieHeaders });
-    } catch (err) {
-      // eslint-disable-next-line no-console -- Error logging is intentional
-      console.error("Signin error:", err);
+      return dsRedirect("/dash", { headers });
+    } catch {
       return dsToast("Invalid email or password", "error");
     }
   });
@@ -678,6 +663,7 @@ export function createApp(config: JantConfig = {}): App {
   app.route("/dash/settings", dashSettingsRoutes);
   app.route("/dash/redirects", dashRedirectsRoutes);
   app.route("/dash/collections", dashCollectionsRoutes);
+  app.route("/dash/navigation", dashNavigationRoutes);
   // API routes
   app.route("/api/upload", uploadApiRoutes);
   app.route("/api/search", searchApiRoutes);

package/src/client.ts

@@ -11,3 +11,4 @@ import "./vendor/datastar.js";
 import "basecoat-css/all";
 import "./lib/image-processor.js";
 import "./lib/media-upload.js";
+import "./lib/nav-reorder.js";

package/src/db/migrations/0002_add_media_attachments.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `media` ADD COLUMN `position` integer NOT NULL DEFAULT 0;
+--> statement-breakpoint
+ALTER TABLE `media` ADD COLUMN `blurhash` text;

package/src/db/migrations/0003_add_navigation_links.sql

@@ -0,0 +1,8 @@
+CREATE TABLE `navigation_links` (
+	`id` integer PRIMARY KEY AUTOINCREMENT NOT NULL,
+	`label` text NOT NULL,
+	`url` text NOT NULL,
+	`position` integer DEFAULT 0 NOT NULL,
+	`created_at` integer NOT NULL,
+	`updated_at` integer NOT NULL
+);